@charset "utf-8";
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none;}
textarea {-webkit-appearance: none;}  
a{ margin:0px; padding:0px; border:0px; text-decoration:none; color:#555555; font-size:13px;transition: all 0.3s ease 0s;-webkit-transform: all 0.3s ease 0s;  -webkit-tap-highlight-color: transparent; outline: none;}
a:hover{ text-decoration:none;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}
*{ padding:0px; margin:0px; border:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline: none;}
li{ list-style:none;}
.clear:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clear{zoom: 1;}/* 触发 hasLayout */ 
img{ vertical-align: middle;}
input:focus{ outline: none;}/*去除按钮选中的高亮标签*/
textarea:focus{ outline: none;}/*去除文本框选中的高亮标签*/
button:focus{ outline: none;}/*去除按钮选中的高亮标签*/
select:focus{ outline: none;}/*去除下拉框选中的高亮标签*/
img{vertical-align: middle;}
div,p,table,td,ul,li,span,a,ol,input,label{ padding:0px; margin:0px; border:0px;}
input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#999999; font-size:13px;}
input::-webkit-input-placeholder{ /* WebKit browsers */ color:#999999; font-size:13px;}
input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color:#999999; font-size:13px;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px;}
textarea::-webkit-input-placeholder{color:#999999; font-size:15px; font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei"}

.search input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#89a4d5; font-size:13px;}
.search input::-webkit-input-placeholder{ /* WebKit browsers */ color:#89a4d5; font-size:13px;}
.search input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color:#89a4d5; font-size:13px;}
.search input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#89a4d5; font-size:13px;}
.search input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#89a4d5; font-size:13px;}

video::-internal-media-controls-download-button {display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel {width: calc(100% + 30px); }
.mo_down{ height:0px; overflow:hidden}
.mo_down.on{ height:auto;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset; }
.fl{ float:left;}
.fr{ float:right;}
/*渐变从左向右*/
.jianbian2{
    height: 200px;
    background: -webkit-linear-gradient(to right,blue, yellow); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(to right,blue, yellow); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(to right,blue, yellow); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right,white, yellow); /* 标准的语法（必须放在最后） */
}

/*黑白照片*/
.gray {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.gray:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%);-ms-filter: grayscale(0%); -o-filter: grayscale(0%);filter: grayscale(0%); filter: gray;}
/*圆角5px*/
.radius5{ -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
/*圆角10px*/
.radius10{ webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;}
/*图片变大*/
.tra{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);filter: scale(1);filter: transform;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;cursor:pointer;}
.tra:hover{-webkit-transform: scale(1.15);-moz-transform: scale(1.15);-ms-transform: scale(1.15);-o-transform: scale(1.15);filter: scale(1.15);filter: transform;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;cursor:pointer;}
/*透明度50%*/
.opacity5{filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity:0.5;opacity: 0.5;}
.shadow1{-webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px;-moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px;-ms-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; -o-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; box-shadow:rgba(0,0,0,0.1) 0px 0px 5px;}
.shadow2{transition: all 0.3s ease 0s;
-webkit-transform: all 0.3s ease 0s; }
.shadow2:hover{ -webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;-moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;-ms-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px; -o-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px; box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;transition: all 0.3s ease 0s;-webkit-transform: all 0.3s ease 0s; }

/*投影*/
.shadow5{transition: all 0.3s ease 0s;-webkit-transform: all 0.3s ease 0s;}
.shadow7{transition: all 0.3s ease 0s;-webkit-transform: all 0.3s ease 0s;}
.shadow7:hover{-webkit-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;-moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;-ms-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; -o-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;transition: all 0.3s ease 0s;-webkit-transform: all 0.3s ease 0s;}
.shadow1_1{-webkit-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;-moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;-ms-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; -o-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;transition: all 0.3s ease 0s;-webkit-transform: all 0.3s ease 0s;}
.shadow5:hover{-webkit-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; -moz-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; -ms-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; -o-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; box-shadow:rgba(0,0,0,0.08) 0px 0px 15px;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}
.shadow8{-webkit-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;-moz-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;-ms-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;-o-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;}
.shadow6{-webkit-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px;-moz-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px;-ms-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px;-o-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px;box-shadow:rgba(0,0,0,0.3) 5px 5px 60px;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;}
/*投影*/
.shadow10{-webkit-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; -moz-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; -ms-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; -o-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; box-shadow:rgba(0,0,0,0.13) 0px 0px 10px;}
/*图片居中*/
.center{-webkit-align-items: center;display: -webkit-flex;-webkit-justify-content: star;}
/*图片居中2*/
.vertical{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-moz-flex;display:-ms-flexbox;display:flex;
/* 水平居中*/-webkit-box-align:center;-moz-box-align:center;-ms-flex-pack:center;
/* IE 10 */-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;
/* IE 11+,Firefox 22+,Chrome 29+,Opera 12.1*/
/* 垂直居中 */ -webkit-box-pack:center;-ms-flex-align:center;-moz-box-pack:center;
/* IE 10 */-webkit-align-items:center;-moz-align-items:center;align-items:center;}
/*图片翻转*/
.flip{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);transition: all 0.5s ease;-webkit-transform: all 0.5s ease;}
.flip:hover{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);transition: all 0.5s ease; -webkit-transform: all 0.5s ease;cursor:pointer;}
.noscroll{overflow: hidden;}
.bd_weixin_popup{ width:280px !important; height:345px !important; position:fixed !important; top:30% !important; left:0% !important; right:0% !important; margin:0 auto}
.quan{ width: 100%;}
.mo_top{ width:100%; display:none; position:fixed; top: 0; z-index: 100;}
.mo_top .mot{ width:100%; padding:0 2%; height:50px; background:#fff;box-shadow: 0px 0px 16px rgba(0,0,0,.2); display:flex; align-items:center; justify-content: space-between;}
.mo_top .mot .molo{ float:left; display:inline-block; height:30px; margin:10px 0;}
.mo_top .mot .molo img{ height:30px;}
.mo_top .mot .mot_right{ display:flex; align-items:center;}
.mo_top .mot .mot_right dd{ margin-right: 5px;}
.mo_top .mot .mot_right dd a i{ font-size:26px; color:#004a91;}
.mo_top .mot .mot_right dt{ position:relative; width:35px; height:35px;}
.mo_top .mot .mot_right dt .cd-nav-trigger{ top:0; right:0;}

.banner{ overflow: hidden; z-index: 1; width: 100%;}
.pc_index .banner{ position:fixed;}
.banner .banner_content{ position: relative;}
.banner .slider .item{ display:inline-block; position: relative;}
.banner .slick-dots li button:before{ display:none;}
.banner .slick-dots li.slick-active button{ background:#fff;}
.banner .slick-dots li{ width:41px; height:2px; margin: 0px 8px;}
.banner .slick-dots li button{ width:100%; background:rgba(255,255,255,.4); padding:0px; height:100%;}
.banner .slick-dots{ bottom:4%;}
.banner .content_list_img img{ width: 100%; object-fit: cover;}
.slick-animation .slick-center .bannertop{ opacity: 0; transition: all 0.5s ease; -webkit-transform: all 0.5s ease; position: relative;}
.slick-animation .slick-center .top1.on{ bottom: 0; transition-delay: 0.1s; opacity: 1;}
.slick-animation .slick-center .i.on{ bottom: 0; transition-delay: 0.2s; opacity: 1;}
.slick-animation .slick-center .top2.on{ bottom: 0; transition-delay: 0.2s; opacity: 1;}
.slick-animation .slick-center .top3.on{ bottom: 0; transition-delay: 0.3s; opacity: 1;}
.slick-animation .slick-center .top4.on{ bottom: 0; transition-delay: 0.3s; opacity: 1;}
.slick-animation .slick-center .top1{ bottom: -50px; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;}
.slick-animation .slick-center .i{ bottom: -50px; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;}
.slick-animation .slick-center .top2{ bottom: -85px; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;}
.slick-animation .slick-center .top3{ bottom: -120px; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;}
.slick-animation .slick-center .top4{ bottom: -120px; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;}

.banner{ overflow:hidden;}
.banner .slider .banner_mdx2{ background:#035fa3; position:relative; display:flex; align-items:center; justify-content:center;}
.banner .slider .banner_mdx2 .banner_mdx2_content{ display:none; align-items:center; justify-content:space-between; width:1705px; margin:0 auto;}
.banner .slider .banner_mdx2.slick-active .banner_mdx2_content{ display:flex;}
.banner .slider .banner_mdx2 .banner_mdx2_left{ width:41%;}
.banner .slider .banner_mdx2 .banner_mdx2_left img{ max-width:100%;}
.banner .slider .banner_mdx2 .banner_mdx2_left .mdx2_left_dd{ margin-bottom:40px;}
.banner .slider .banner_mdx2 .banner_mdx2_right{ width:58%; text-align:right;}
.banner .slider .banner_mdx2 .banner_mdx2_right img{ max-width:100%; border:6px solid #000000; border-radius:10px;}
.banner .slider .banner_mdx2 .banner_mdx2_logo{ position:absolute; bottom:13%; width:100%; text-align:center;}
.pc_all{ position: relative; z-index: 3;}
.pc_all .pc_all_content{ max-width: 88%; margin: 0 auto;}
.samew1{ padding: 50px 0px; background: #fff; position: relative; z-index: 3;}
.samew1 .samew1_title{ text-align: center; margin-bottom: 60px;}
.samew1 .samew1_title .samew1_title_dd{ font-size: 40px; color: #333333; margin-bottom: 0px; letter-spacing: .2em;}
.samew1 .samew1_title .samew1_title_dt{ font-size: 16px; color: #888888;}

.samew1 .samew1_title .IndexNews2_title a{padding:0px 8px;min-width:120px;line-height:50px;display:inline-block;background:#eeeeee;font-size:16px;color:#333333;margin-right:13px;}
.samew1 .samew1_title .IndexNews2_title a:hover{color:#fff;background:#ff7019;}
.samew1 .samew1_title .IndexNews2_title a.on{color:#fff;background:#ff7019;}
/*.samew1 .samew1_title .IndexNews2_title a:last-child{margin-right:0px;}*/

.samew1 .samew1_content{ display: flex;}
.samew1 .samew1_content .samew1_content_list{ width: 50%;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} 
.samew1 .samew1_content .samew1_content_list .content_list_top{ background: url(../images/bg1.jpg) no-repeat 50%/cover;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.samew1 .samew1_content .samew1_content_list:last-child .content_list_top{ background: url(../images/bg2.jpg) no-repeat 50%/cover;}
.samew1 .samew1_content .samew1_content_list .content_list_top{ height: 460px; position: relative;}
.samew1 .samew1_content .samew1_content_list .content_list_top .list_top_p{ position: absolute; right: 0; top: 0; right: 10%; height: 100%; display: flex; align-items: flex-start; flex-direction: column; justify-content: center;}
.samew1 .samew1_content .samew1_content_list .content_list_top .list_top_title{ font-size: 32px; color: #fff; position: relative; margin-bottom: 44px; padding-bottom: 33px;}
.samew1 .samew1_content .samew1_content_list .content_list_top .list_top_title::before{ content: ""; display: inline-block; width: 55px; height: 2px; background: #fff; position: absolute; left: 0; bottom: 0;}
.samew1 .samew1_content .samew1_content_list .content_list_top .list_top_txt p{ font-size: 18px; color: #fff; display: flex; align-items: center; margin-bottom: 18px;transition: all 0.5s ease 0s;}
.samew1 .samew1_content .samew1_content_list .content_list_top .list_top_txt p::before{ content: ""; display: inline-block; width: 5px; height: 5px; background: #f47427; margin-right: 10px;}
.samew1 .samew1_content .samew1_content_list .content_list_top .list_top_txt p:last-child{ margin-bottom: 0px;}
.samew1 .samew1_content .samew1_content_list .content_list_top .list_top_txt p:hover{ color: #f47427;transition: all 0.5s ease 0s;}
.samew1 .samew1_content .samew1_content_list .content_list_bottom { display: flex; flex-wrap: wrap;}
.samew1 .samew1_content .samew1_content_list .content_list_bottom .list_bottom_li{ width: 50%; height: 198px; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;}
.samew1 .samew1_content .samew1_content_list:last-child .content_list_bottom .list_bottom_li:nth-child(2n){ border-right: 0px;}
.samew1 .samew1_content .samew1_content_list .content_list_bottom .list_bottom_li .bottom_li_txt{ margin-top: 20px;}
.samew1 .samew1_content .samew1_content_list .content_list_bottom .list_bottom_li .bottom_li_txt dd{ font-size: 18px; color: #333333; margin-bottom: 10px;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.samew1 .samew1_content .samew1_content_list .content_list_bottom .list_bottom_li .bottom_li_txt dt{ font-size: 14px; color: #666666;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.samew1 .samew1_content .samew1_content_list .content_list_bottom .list_bottom_li:hover .bottom_li_txt dd{ color: #f47427;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.samew1 .samew1_content .samew1_content_list.on .content_list_top{ height: 527px;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.samew1 .samew1_content .samew1_content_list.on{ box-shadow: 0px 0px 49px rgba(0,0,0,.13);transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}

.samewCase{ background: #f8f8f8;}
.samewCase .samewCase_content{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -40px;}
.samewCase .samewCase_content .samewCase_content_list{ width: 32%; margin-bottom: 40px; position: relative;}
.samewCase .samewCase_content .samewCase_content_list .content_list_img{ text-align: center; position: relative;}
.samewCase .samewCase_content .samewCase_content_list .content_list_img img{ max-width: 100%;}
.samewCase .samewCase_content .samewCase_content_list .content_list_txt{ font-size: 16px; color: #333333; line-height: 68px; padding: 0px 20px; background: #fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.samewCase .samewCase_content .samewCase_content_list .content_list_txt span{ font-size: 13px; color: #999999; margin-left: 17px;}
.samewCase .samewCase_content .samewCase_content_list:hover{ box-shadow: 0px 0px 25px rgba(0,0,0,.2);}

.samewCase .samewCase_content .samewCase_content_list .content_list_hover dt{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:5;color:#fff;font-size:35px;opacity:0;transition:all 0.5s ease;-webkit-transform:all 0.5s ease;}
.samewCase .samewCase_content .samewCase_content_list .content_list_hover dd{background:rgba(0,0,0,.5);position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;transition:all 0.5s ease;-webkit-transform:all 0.5s ease;}
.samewCase .samewCase_content .samewCase_content_list .content_list_hover .hr{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:5;}
.samewCase .samewCase_content .samewCase_content_list .content_list_hover .hr img{width:auto;height:auto;opacity:0;transition:all 0.5s ease;-webkit-transform:all 0.5s ease;}
.samewCase .samewCase_content .samewCase_content_list:hover .content_list_hover dd{opacity:1;}
.samewCase .samewCase_content .samewCase_content_list:hover .content_list_hover .hr img{opacity:1;}
.samewCase .samewCase_content .samewCase_content_list:hover .content_list_hover dt{opacity:1;}
.samewCase .samewCase_content .samewCase_content_list:hover .content_list_hover .hr img{-webkit-transform:rotate(360deg);animation:rotation 10s linear infinite;-moz-animation:rotation 10s linear infinite;-webkit-animation:rotation 10s linear infinite;-o-animation:rotation 10s linear infinite;}
@-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg);}to{-webkit-transform:rotate(360deg);}}

.samewAbout{ background: #fff url(../images/bn14.png) no-repeat 50% 100%;}
.samewAbout .samewAbout_title{ text-align: center; max-width: 1090px; margin: 0 auto;}
.samewAbout .samewAbout_title dd{ font-size: 40px; color: #333333; letter-spacing: .2em; margin-bottom: 48px; padding-bottom: 34px; position: relative;}
.samewAbout .samewAbout_title dd::before{ content: ""; position: absolute; display: inline-block; width: 62px; height: 2px; background: #dcdcdc; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.samewAbout .samewAbout_title dt{ font-size: 15px; color: #777777; line-height: 38px;}
.samewAbout .samewAbout_bottom{ display: flex; align-items: center; justify-content: center; margin-top: 80px;}
.samewAbout .samewAbout_bottom .samewAbout_bottom_list{ margin-right: 120px;}
.samewAbout .samewAbout_bottom .samewAbout_bottom_list dd{ margin-bottom: 25px;}
.samewAbout .samewAbout_bottom .samewAbout_bottom_list:last-child{ margin-right: 0px;}
.samewAbout .samewAbout_bottom .samewAbout_bottom_list dt{ font-size: 16px; color: #555555; line-height: 30px;}

.samewClient{ background: url(../images/bg12.jpg) no-repeat 50%/cover;}
.samewClient .samew1_title .samew1_title_dd{ color: #fff;}
.samewClient .samew1_title .samew1_title_dt{ color: #fff;}
.samewClient .samewClient_content{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.samewClient .samewClient_content .samewClient_content_list{ width: 20%; height: 170px; display: flex; align-items: center; justify-content: center;}
.samewClient .samewClient_content .samewClient_content_list img{ max-width: 100%;}

.IndexNews{background:#fff;}
.IndexNews .IndexService_content_title{ margin-bottom: 55px; display: flex; align-items: center; justify-content: space-between;}
.IndexNews .IndexService_content_title dd{ font-size: 34px; color: #333333; letter-spacing: .2em;}
.IndexNews .IndexNews_title a{padding:0px 18px;min-width:120px;line-height:50px;display:inline-block;background:#eeeeee;font-size:16px;color:#333333;margin-right:13px; text-align: center;}
.IndexNews .IndexNews_title a:hover{color:#fff;background:#f47427;}
.IndexNews .IndexNews_title a.on{color:#fff;background:#f47427;}
.IndexNews .IndexNews_title a:last-child{margin-right:0px;}
.IndexNews .IndexNews_content .IndexNews_content_video{width:40%;}
.IndexNews .IndexNews_content .IndexNews_content_video .content_video_title{cursor:pointer;position:relative;}
.IndexNews .IndexNews_content .IndexNews_content_video .content_video_title img{width:100%;height:370px;object-fit:cover;}
.IndexNews .IndexNews_content .IndexNews_content_video .content_video_body{border:1px solid #e5e5e5;border-top:0px;padding:25px 25px;}
.IndexNews .IndexNews_content .IndexNews_content_video .content_video_body dd{font-size:18px;color:#333333;line-height:30px;margin-bottom:15px;}
.IndexNews .IndexNews_content .IndexNews_content_video .content_video_body dd a{font-size:18px;color:#333333;}
.IndexNews .IndexNews_content .IndexNews_content_video .content_video_body dd span{font-size:30px;position:relative;top:3px;margin-right:12px;}
.IndexNews .IndexNews_content .IndexNews_content_video .content_video_body dt{color:#666666;font-size:14px;line-height:22px;display:-webkit-box;height:42px;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.IndexNews .IndexNews_content .IndexNews_content_right{width:58%;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list{display:inline-block;width:100%;margin-bottom:24px;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list:last-child{margin-bottom:0px;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_img a{display:inline-block; background: #000;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_img{width:20%;overflow:hidden;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list:hover .tra{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;cursor:pointer; opacity: 1;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list:hover .right_list_content .list_content_title dd{color:#ff7019;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_img img{width:100%;height:120px;object-fit:cover; opacity: .8;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content{width:77%;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content .list_content_title{border-bottom:1px solid #e5e5e5;margin-bottom:5px;line-height:30px;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content .list_content_title dd{width:85%;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content .list_content_title dd a{font-size:18px;color:#333333;width:100%;transition:all 0.5s ease 0s;display:inline-block;-webkit-transform:all 0.5s ease 0s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content .list_content_title dt{font-size:18px;color:#999999;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content p{color:#666666;line-height:24px;font-size:14px;display:-webkit-box;height:69px;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list:hover .right_list_content .list_content_title dd a{ color: #f47427;}
.footer{background:#111;position:relative; z-index: 3;}
.footer .footer_content{max-width:1705px;margin:0 auto;position:relative;z-index:6;padding-top: 35px;}

.AboutBanner{ position: fixed; z-index: -2; width: 100%;}
.AboutBanner img{ width: 100%; height: 797px; object-fit: cover;}
.AboutBanner_height{ height: 797px;}

.about{ background: #f8f8f8 url(../images/bn14.png) no-repeat 50% 100%;}
.about .about_title{ text-align: center; position: relative;}
.about .about_title dd{ font-size: 20px; color: #8d8d8d; font-weight:bolder; margin-bottom: 15px;}
.about .about_title dt{ font-size: 40px; color: #111111; letter-spacing: .2em; position: relative; padding-bottom: 25px; margin-bottom: 40px;}
.about .about_title dt::before{ content: ""; position: absolute; display: inline-block; width: 96px; height: 2px; background: #f47427; bottom: 0px; left: 0; right: 0; margin: 0 auto;}

.honor{ padding: 70px 0px; background: #fff;}
.honor .about_title{ margin-bottom: 82px;}
.honor .honor_content .honor_content_left{ width: 54%; position: relative;}
.honor .honor_content .honor_content_right{ width: 44%; padding-top: 0px;}
.honor .honor_content .honor_content_right ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.honor .honor_content .honor_content_right ul li{ display: inline-block; width: 49%; line-height: 50px; border: 1px solid #dcdcdc; margin-bottom: 15px; padding: 0px 14px;overflow: hidden; cursor: pointer; transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;text-overflow:ellipsis;white-space: nowrap;}
.honor .honor_content .honor_content_right ul li:hover{ background: #f47427; color: #fff; border: 1px solid #f47427; transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;}
.honor .honor_content .honor_content_right ul li.on{ background: #f47427; color: #fff; border: 1px solid #f47427;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;}
.honor .honor_content .honor_content_right ul li:nth-child(2n){ margin-right: 0px;}
.honor .honor_content .honor_content_left .content_left_li{ position: relative; text-align: center;} 
.honor .honor_content .honor_content_left .content_left_li .left_li_top img{ max-width: 100%;}
.honor .honor_content .honor_content_left .content_left_li .left_li_bottom{ position: absolute; left: 0%; bottom: 25%; color: #333333; font-size: 18px; text-align: center; font-weight: bolder; margin-top: 20px; width: 100%;}

.Perspective{ background: url(../images/bg15.jpg) no-repeat 50%/cover; height: 763px; display: flex; align-items: center; position: relative; overflow: hidden;}
.Perspective .Perspective_content{ text-align: center; padding-bottom: 100px;}
.Perspective .Perspective_content dd{ font-size: 60px; color: #000000; font-weight: bolder;}
.Perspective .Perspective_content dt{ font-size: 14px; color: #000000; line-height: 36px; margin-top: 30px; position: relative; z-index: 2;}
.Perspective .Perspective_y{ position: absolute; top: 43%; width: 100%; z-index: 1; width: 100%; left: 0; overflow: hidden;}
.Perspective .Perspective_y .Perspective_y_list{ display: inline-block; text-align: right;}
.txt-scroll .scrollbox{ width: 100%; white-space: nowrap; overflow:hidden; transition: all .2s; }
.txt-scroll .txt,.txt-scroll .txt-clone{ display: inline; position: relative; }

.Customers{ background: url(../images/bg16.jpg) no-repeat 50%/cover fixed; padding: 80px 0px;}
.Customers .about_title{ margin-bottom: 60px;}
.Customers .about_title dd{ color: #8d8d8d;}
.Customers .about_title dt{ color: #fff;}
.Customers .about_title p{ color: #fff; opacity: .2; text-align: center;}
.Customers .Customers_content{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.Customers .Customers_content .Customers_content_list{ width: 20%; height: 150px; display: flex; align-items: center; justify-content: center;}
.Customers .Customers_content .Customers_content_list img{transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.Customers .Customers_content .Customers_content_list.op8 img{ opacity: .8;}
.Customers .Customers_content .Customers_content_list.op6 img{ opacity: .6;}
.Customers .Customers_content .Customers_content_list.op4 img{ opacity: .4;}
.Customers .Customers_content .Customers_content_list img:hover{ opacity: 1;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}

.ContactNow{ background: url(../images/bg17.jpg) no-repeat 50%/cover; padding: 60px 0px;}
.ContactNow .ContactNow_title{ text-align: center;}
.ContactNow .ContactNow_title dd{ font-size: 24px; color: #000; position: relative; font-weight: bolder; margin-bottom: 60px;}
.ContactNow .ContactNow_title dd::before{ content: ''; width: 40px; height: 1px; background: #ccc; position: absolute; left: 50%; margin-left: -20px; bottom: -30px;}
.ContactNow .ContactNow_title dt{ font-size: 14px; color: #666; line-height: 28px; max-width: 995px; margin: 0 auto; }
.ContactNow .ContactNow_click{ margin-top: 30px;}
.ContactNow .ContactNow_click a{ display: flex; align-items: center; justify-content: center; width: 211px; height: 56px; background: #111111; color: #fff; margin: 0 auto; font-size: 15px;}
.ContactNow .ContactNow_click a:hover{ background: #f47427; width: 220px;}
.ContactNow .ContactNow_click a span{ display: inline-block; margin-right: 10px; width: 20px; height: 20px; position: relative;}
.ContactNow .ContactNow_click a span img{ position: absolute; left: 0; top: 0;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}
.ContactNow .ContactNow_click a span img:last-child{ opacity: 0;}
.ContactNow .ContactNow_click a:hover span img:first-child{ opacity: 0;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}
.ContactNow .ContactNow_click a:hover span img:last-child{ opacity: 1;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .top1{ text-align: center;font-size:35px; color:#fff; font-weight:bolder; text-transform:uppercase;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .i{ text-align: center;font-size:55px; color:#ff6600; border-bottom:0px solid #ff6600;padding-bottom:0px;font-weight:bolder; text-transform:uppercase;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .top2{ text-align: center;font-size:28px; color:#fff; font-weight:bolder;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .top3{ text-align: center;font-size:25px; color:#fff;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .top4{ text-align: center;font-size:16px; color:#fff;}

.DBanner{ position: fixed; overflow: hidden; z-index: 1; width: 100%; left: 0; top: 0; height: 1008px;}
.DBanner .DBanner_img img{ width: 100%; height: 1008px; object-fit: cover;}
.WBanner_height{ height: 1008px;}
.DBanner .DBanner_txt{ position: absolute; left: 0; top: 0px; height: 100%; display: flex; align-items: center; justify-content: center; width: 100%; flex-direction: column;}
.DBanner .DBanner_txt .DBanner_txt_dd{ font-size: 60px; color: #fff; text-align: center;}
.DBanner .DBanner_txt .DBanner_txt_dt{ font-size: 20px; color: #fff; margin-top: 75px;}
.DBanner .DBanner_scroll{ position: absolute; bottom: 40px; left: 0; width: 100%; text-align: center;}
.DBanner .DBanner_scroll img{animation:scroll 5s infinite; -webkit-animation:scroll 1.2s infinite; /* Safari and Chrome */ position: relative; cursor: pointer;}

@keyframes scroll{0% {top:0px;}50% {top:10px;}100% {top:0px;}}
@-webkit-keyframes scroll {0% {top:0px;}50% {top:10px;}100% {top:0px;}}
.HighWebsite{ background: #f5f5f5; padding: 147px 0px; position: relative;}
.HighWebsite .HighWebsite_left{ width: 45%; position: relative; z-index: 2;}
.HighWebsite .HighWebsite_left .HighWebsite_left_title{ margin-bottom: 70px;}
.HighWebsite .HighWebsite_left .HighWebsite_left_title dd{ font-size: 34px; color: #333333; margin-bottom: 15px;}
.HighWebsite .HighWebsite_left .HighWebsite_left_title dt{ font-size: 18px; color: #666666; padding-bottom: 33px; margin-bottom: 33px; position: relative;}
.HighWebsite .HighWebsite_left .HighWebsite_left_title dt::before{ content: ""; position: absolute; display: inline-block; width: 223px; height: 1px; background: #dcdcdc; bottom: 0; left: 0;}
.HighWebsite .HighWebsite_left .HighWebsite_left_title p{ font-size: 16px; color: #666666; line-height: 32px; text-align: justify;}
.HighWebsite .HighWebsite_left .HighWebsite_left_icon .left_icon_l{ display: flex; align-items: center; margin-bottom: -1px;}
.HighWebsite .HighWebsite_left .HighWebsite_left_icon .left_icon_l .left_icon_list{ width: 25%; background: #fff; border: 1px solid #eaeaea; text-align: center; padding: 25px 0px; margin-right: -1px; position: relative;}
.HighWebsite .HighWebsite_left .HighWebsite_left_icon .left_icon_l .left_icon_list:hover{ box-shadow: 0px 0px 27px rgba(0,0,0,.15); z-index: 2;}
.HighWebsite .HighWebsite_left .HighWebsite_left_icon .left_icon_l .left_icon_list dd{ height: 48px; display:flex; align-items:center; justify-content:center;}
.HighWebsite .HighWebsite_left .HighWebsite_left_icon .left_icon_l .left_icon_list dt{ font-size: 18px; color: #666666; margin-top: 12px;}
.HighWebsite .HighWebsite_right{ position: absolute; right: 0; top: 0; height: 100%; display: flex; align-items: center; width: 52%; justify-content: flex-end;}
.HighWebsite .HighWebsite_right img{ max-width: 100%;}

.HighWebsite2{ background: #fff; position: relative; padding: 91px 0px;}
.HighWebsite2 .pc_all_content{ display: flex; align-items: center; justify-content: space-between;}
.HighWebsite2 .HighWebsite2_left{ position: relative; z-index: 2;}
.HighWebsite2 .HighWebsite2_center{ position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; left: 0;}
.HighWebsite2 .HighWebsite2_right{ position: relative; z-index: 2;}
.HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; padding: 113px;}
.HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content .right_content_title dd{ font-size: 34px; color: #333333; margin-bottom: 10px;}
.HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content .right_content_title dt{ font-size: 18px; color: #888888;}
.HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content .right_content_txt{ font-size: 18px; color: #333333; margin: 40px 0px; line-height: 30px;}
.HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content .right_content_bottom b{ font-size: 18px; color: #888888;}
.HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content .right_content_bottom p{ font-size: 16px; margin-top: 5px; color: #888888;}
.HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content .right_content_more{ margin-top: 30px;}
.HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content .right_content_more a{ font-size: 16px; color: #888888; display: flex; align-items: center; justify-content: center; width: 134px; height: 40px; border: 1px solid #dcdcdc; background: #fff;}
.HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content .right_content_more a:hover{ background: #f47427; color: #fff; border: 1px solid #f47427;}

.Research{ background: url(../images/bg33.jpg) no-repeat 50%/cover; padding: 100px 0px;}
.Research .Research_title{ text-align: center; margin-bottom: 60px;}
.Research .Research_title dd{ font-size: 34px; color: #fff; margin-bottom: 15px;}
.Research .Research_title dt{ font-size: 18px; color: #fff;}
.Research .Research_content{ display: flex; justify-content: center; align-items: center; padding: 0px 240px;}
.Research .Research_content .Research_content_img{ margin: 0px 50px;}
.Research .Research_content .Research_content_list .content_list_li{ display: flex; align-items: flex-start;}
.Research .Research_content .Research_content_list .content_list_li:first-child{ margin-bottom: 109px;}
.Research .Research_content .Research_content_list .content_list_li .list_li_icon{ padding-top: 5px;}
.Research .Research_content .Research_content_list .content_list_li .list_li_txt{ margin-left: 30px;}
.Research .Research_content .Research_content_list .content_list_li .list_li_txt dd{ font-size: 20px; color: #fff; margin-bottom: 12px;}
.Research .Research_content .Research_content_list .content_list_li .list_li_txt dt{ font-size: 14px; color: #fff; line-height: 24px;}

.ContentPlanning{ background: #fff url(../images/bn58.png) no-repeat 78% 50%; padding: 110px 0px; padding-bottom: 60px;}
.ContentPlanning .pc_all_content{ display: flex; justify-content: space-between; padding-left: 145px; padding-right: 120px;}
.ContentPlanning .ContentPlanning_right{ width: 576px;}
.ContentPlanning .ContentPlanning_right .ContentPlanning_right_title{ margin-bottom: 52px;}
.ContentPlanning .ContentPlanning_right .ContentPlanning_right_title dd{ font-size: 34px; color: #333333;}
.ContentPlanning .ContentPlanning_right .ContentPlanning_right_title dt{ font-size: 18px; color: #666666; margin-top: 10px;}
.ContentPlanning .ContentPlanning_right .ContentPlanning_right_content .right_content_list{ display: flex; align-items: center; height: 112px; box-shadow: 0px 0px 29px rgba(0,0,0,.1); margin-bottom: 20px; padding: 0px 22px; background: #fff;}
.ContentPlanning .ContentPlanning_right .ContentPlanning_right_content .right_content_list:last-child{ margin-bottom: 0px;}
.ContentPlanning .ContentPlanning_right .ContentPlanning_right_content .right_content_list .content_list_icon{ width: 65px; height: 65px; border: 1px dashed #dcdcdc; display: flex; align-items: center; justify-content: center; border-radius: 100%; margin-right: 18px;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}
.ContentPlanning .ContentPlanning_right .ContentPlanning_right_content .right_content_list:hover .content_list_icon{ background:#ededed; border: 1px dashed #ededed; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}
.ContentPlanning .ContentPlanning_right .ContentPlanning_right_content .right_content_list .content_list_txt dd{ color: #333; font-size: 18px; margin-bottom: 10px;}
.ContentPlanning .ContentPlanning_right .ContentPlanning_right_content .right_content_list .content_list_txt dt{ color: #999; font-size: 14px;}

.BrandInternet{ background: url(../images/bg34.jpg) no-repeat 50%/cover; position: relative;}
.BrandInternet .pc_all_content{ display: flex; align-items: center; justify-content: space-between; position: relative;}
.BrandInternet .BrandInternet_left{ width: 45%; padding: 160px 0px;}
.BrandInternet .BrandInternet_left .BrandInternet_left_title{ position: relative; padding-bottom: 34px; margin-bottom: 20px; color: #fff; }
.BrandInternet .BrandInternet_left .BrandInternet_left_title::before{ content: ""; position: absolute; display: inline-block; width: 40px; height: 4px; background: #fff; opacity: .6; bottom: 0;}
.BrandInternet .BrandInternet_left .BrandInternet_left_title dd{ font-size: 36px;}
.BrandInternet .BrandInternet_left .BrandInternet_left_title dt{ font-size:18px; margin-top:20px;}
.BrandInternet .BrandInternet_left .BrandInternet_left_txt{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.BrandInternet .BrandInternet_left .BrandInternet_left_txt .left_txt_list{ margin-top: 44px; width:48%;}
.BrandInternet .BrandInternet_left .BrandInternet_left_txt .left_txt_list .txt_list_icon{ height:50px; display:flex; align-items:center;}
.BrandInternet .BrandInternet_left .BrandInternet_left_txt .left_txt_list .txt_list_icon img{ max-height:50px;}
.BrandInternet .BrandInternet_left .BrandInternet_left_txt .left_txt_list .txt_list_bottom dd{ font-size: 20px; color: #fff; margin-bottom: 8px; margin-top: 18px;}
.BrandInternet .BrandInternet_left .BrandInternet_left_txt .left_txt_list .txt_list_bottom dt{ font-size: 15px; color: #fff; opacity: .6;}
.BrandInternet .BrandInternet_right{ display: flex; align-items: center;}
.BrandInternet .BrandInternet_right .BrandInternet_right_li{position: absolute; }
.BrandInternet .BrandInternet_right .BrandInternet_right_li1{ bottom:258px; right:715px;}
.BrandInternet .BrandInternet_right .BrandInternet_right_li2{ bottom:96px; right:486px;}
.BrandInternet .BrandInternet_right .BrandInternet_right_li3{ bottom:40px; right:422px;}
.BrandInternet .BrandInternet_right .BrandInternet_right_li4{ bottom:206px; right:267px;}
.BrandInternet .BrandInternet_right .BrandInternet_right_li5{ bottom:262px; right:500px;}
.BrandInternet .BrandInternet_right .BrandInternet_right_li6{ bottom:110px; right:100px;}
.BrandInternet .BrandInternet_right .BrandInternet_right_li7{ bottom:152px; right:290px;}
.BrandInternet .BrandInternet_right .BrandInternet_right_li8{ bottom:240px; right:170px;}

.SystemDevelopment{ position: relative; background: #fff; padding: 105px 0px;}
.SystemDevelopment::before{ content: ""; display: inline-block; width: 720px; height: 100%; background: url(../images/bn70.png) no-repeat 50% 50%; position: absolute; right: 0; top: 0;}
.SystemDevelopment .pc_all_content{ display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 2;}
.SystemDevelopment .HighWebsite_left{ width: 40%;}
.SystemDevelopment .HighWebsite_left .HighWebsite_left_title{ margin-bottom: 60px;}
.SystemDevelopment .SystemDevelopment_logo .SystemDevelopment_logo_title{ font-size: 20px; color: #9f9f9f; font-weight: bolder;}
.SystemDevelopment .SystemDevelopment_logo .SystemDevelopment_logo_title span{ margin-left: 15px; text-transform: uppercase; font-size: 14px;}
.SystemDevelopment .SystemDevelopment_logo .SystemDevelopment_logo_txt{ display: flex; align-items: center; margin-top: 20px;}
.SystemDevelopment .SystemDevelopment_logo .SystemDevelopment_logo_txt .logo_txt_list{ margin-right: 33px;}
.SystemDevelopment .SystemDevelopment_logo .SystemDevelopment_logo_txt .logo_txt_list:last-child{ margin-right: 0px;}
.SystemDevelopment .SystemDevelopment_content{ display: flex; flex-wrap: wrap; width: 51%; justify-content: space-between;}
.SystemDevelopment .SystemDevelopment_content .SystemDevelopment_content_list{ box-shadow: 0px 0px 32px rgba(0,0,0,.08); width: 48%; display: flex; padding: 37px 50px; background: #fff;}
.SystemDevelopment .SystemDevelopment_content .SystemDevelopment_content_list:nth-child(1),.SystemDevelopment .SystemDevelopment_content .SystemDevelopment_content_list:nth-child(2){ margin-bottom: 4%;}
.SystemDevelopment .SystemDevelopment_content .SystemDevelopment_content_list .content_list_icon{ margin-right: 34px;}
.SystemDevelopment .SystemDevelopment_content .SystemDevelopment_content_list .content_list_right dd{ font-size: 18px; color: #555555; margin-bottom: 8px;}
.SystemDevelopment .SystemDevelopment_content .SystemDevelopment_content_list .content_list_right dt{ font-size: 14px; color: #888888; line-height: 22px;}

.Maintenance{ background: url(../images/bg35.jpg) no-repeat 50%/cover; padding: 82px 0px; padding-bottom: 113px; overflow: hidden;}
.Maintenance .Maintenance_title{ text-align: center;}
.Maintenance .Maintenance_title dd{ font-size: 34px; color: #fff; margin-bottom: 20px;}
.Maintenance .Maintenance_title dt{ font-size: 16px; color: #fff; opacity: .6; line-height: 30px;}
.Maintenance .Maintenance_content .Maintenance_content_y{ display: flex; align-items: center; justify-content: center; margin-top: 405px;}
.Maintenance .Maintenance_content .Maintenance_content_y::before{ content: ""; display: inline-block; width: 1236px; height: 1236px; border-radius: 100%; border: 2px solid rgba(255,255,255,.1); position: absolute; top: 51%;}
.Maintenance .Maintenance_content .Maintenance_content_y2{ position: absolute; left: 0; top: 0; width: 100%;}
.Maintenance .Maintenance_content .Maintenance_content_y .content_y_list{ margin-right: 150px; position: relative; z-index: 5;}
.Maintenance .Maintenance_content .Maintenance_content_y .content_y_list .y_list_icon{ width: 65px; height: 65px; border-radius: 100%; background: #292929; display: flex; align-items: center; justify-content: center; margin: 0 auto; }
.Maintenance .Maintenance_content .Maintenance_content_y .content_y_list .y_list_icon img{ opacity: .25;transition: all 0.3s ease 0s;animation:opacity 5s infinite; -webkit-animation:opacity 5s infinite; /* Safari and Chrome */}
.Maintenance .Maintenance_content .Maintenance_content_y .content_y_list:hover .y_list_icon img{ opacity:1;transition: all 0.3s ease 0s;}
.Maintenance .Maintenance_content .Maintenance_content_y .content_y_list .y_list_title{ color: #fff; font-size: 18px; margin-top: 18px; opacity: .5;transition: all 0.3s ease 0s;}
.Maintenance .Maintenance_content .Maintenance_content_y .content_y_list:hover .y_list_title{ opacity:1;transition: all 0.3s ease 0s;}
.Maintenance .Maintenance_content .Maintenance_content_y .content_y_list:last-child{ margin-right: 0px;}
.Maintenance .Maintenance_content .Maintenance_content_y .content_y_list:nth-child(2){ top: -168px; margin-right: 420px;}
.Maintenance .Maintenance_content .Maintenance_content_y .content_y_list:nth-child(3){ top: -168px;}
.Maintenance .Maintenance_content .Maintenance_content_c{ position: absolute; bottom: 45px; text-align: center; width: 400px; margin: 0 auto; right: 0; left: 0;}
.Maintenance .Maintenance_content .Maintenance_content_c .content_c_logo{ position: absolute; width: 100%; left: 0; bottom: 118px;}
.Maintenance .Maintenance_content .Maintenance_content_c .content_c_logo img{ animation:Maintenancemove 1.2s infinite; -webkit-animation:Maintenancemove 1.2s infinite; /* Safari and Chrome */ position: relative; cursor: pointer;}
.Maintenance .Maintenance_content .Maintenance_content_y2 .content_y_list{ margin-right: 240px;}
.Maintenance .Maintenance_content .Maintenance_content_y2 .content_y_list:nth-child(2){ top: -125px; margin-right: 160px;}
.Maintenance .Maintenance_content .Maintenance_content_y2 .content_y_list:nth-child(3){ top: -125px;}
.Maintenance .Maintenance_content .Maintenance_content_y2::before{ top: -100px; width: 1560px; height: 1560px;}

@keyframes Maintenancemove{0% {top:0px;}50% {top:15px;}100% {top:0px;}}
@-webkit-keyframes Maintenancemove {0% {top:0px;}50% {top:15px;}100% {top:0px;}}
@keyframes opacity{0% { opacity:0;}50% { opacity:1;}100% { opacity:0;}}
@-webkit-keyframes opacity {0% { opacity:0;}50% { opacity:1;}100% { opacity:0;}}
.INews{ padding-bottom:80px; background:#fff;}
.INews .company_title{ text-align:left; margin-bottom:35px;}
.INews .company_title p{ color:#4f4f4f; font-size:18px; margin-top:5px;}
.INews .INews_content .INews_content_list{ width:49%;}
.INews .INews_content .INews_content_list .content_list_top{ display:inline-block;}
.INews .INews_content .INews_content_list .content_list_top .list_top_img img{ width:100%; object-fit:cover;}
.INews .INews_content .INews_content_list .content_list_top .list_top_txt{ padding:22px 0px; border-bottom:1px solid #d4d4d4;}
.INews .INews_content .INews_content_list .content_list_top .list_top_txt dd{font-size:16px;color:#333333;font-weight:bolder;overflow:hidden;margin-bottom:8px;text-overflow:ellipsis;white-space: nowrap;}
.INews .INews_content .INews_content_list .content_list_top .list_top_txt dt{line-height:28px;font-size:14px;color:#777777;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.INews .INews_content .INews_content_list .content_list_bottom a{ color:#777777; font-size:14px; display:inline-block; width:100%; line-height:50px; border-bottom:1px solid #d4d4d4; position:relative;}
.INews .INews_content .INews_content_list .content_list_bottom a:before{content:"";display:inline-block;bottom:-1px;left:0;width:100%;height:1px;width:0%;background:#333;position:absolute;transition:all 0.5s ease; -webkit-transform: all 0.5s ease;  }
.INews .INews_content .INews_content_list .content_list_bottom a:hover:before{ width:100%;transition: all 0.5s ease; -webkit-transform: all 0.5s ease;  }
.INews .INews_content .INews_content_list .content_list_bottom a dd{ width:80%;transition: all 0.5s ease; -webkit-transform: all 0.5s ease;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.INews .INews_content .INews_content_list .content_list_bottom a:hover dd{ color:#333;transition: all 0.5s ease; -webkit-transform: all 0.5s ease; padding-left:10px;}
.INews .INews_content .INews_content_list .content_list_bottom a dt{ text-align:right; width:20%;font-family: 'Montserrat-Light'; }
.mo_show{ display:none;}
.SEO1{ background:#fff url(../images/bg39.jpg) no-repeat 50%/cover; position:relative; z-index:2; padding:103px 0px; padding-bottom:80px;}
.SEO1 .pc_all_content{ display:flex; align-items:center; justify-content:space-between; padding:0px 120px;}
.SEO1 .SEO1_left{ width:47%;}
.SEO1 .SEO1_left img{ max-width:100%;}
.SEO1 .SEO1_right{ width:48%;}
.SEO1 .SEO1_right .SEO1_right_title{ margin-bottom:70px;}
.SEO1 .SEO1_right .SEO1_right_title dd{ font-size:40px; color:#27282a;}
.SEO1 .SEO1_right .SEO1_right_title dd span{ color:#f47427;}
.SEO1 .SEO1_right .SEO1_right_title dt{ font-size:18px; color:#666666; margin-top:25px;}
.SEO1 .SEO1_right .SEO1_right_txt .right_txt_list{ display:flex; align-items:center; margin-bottom:45px;}
.SEO1 .SEO1_right .SEO1_right_txt .right_txt_list:last-child{ margin-bottom:0px;}
.SEO1 .SEO1_right .SEO1_right_txt .right_txt_list .txt_list_icon{ width:50px; text-align:center;}
.SEO1 .SEO1_right .SEO1_right_txt .right_txt_list .txt_list_r{ margin-left:26px;}
.SEO1 .SEO1_right .SEO1_right_txt .right_txt_list .txt_list_r dd{ font-size:18px; margin-bottom:8px; color:#333333;}
.SEO1 .SEO1_right .SEO1_right_txt .right_txt_list .txt_list_r dt{ font-size:15px; color:#7b7b7b;}

.SEO_Advantage{ background:#fff; display:flex; justify-content:space-between; padding:0px;}
.SEO_Advantage .SEO_Advantage_left{ background:url(../images/bg40.jpg) no-repeat 50%/cover; width:50%; padding:100px 0px; padding-right:57px;}
.SEO_Advantage .SEO_Advantage_right{ background:url(../images/bg41.jpg) no-repeat 50%/cover; width:50%; padding-right:0; padding-left:57px; position:relative; top:-65px;}
.SEO_Advantage .SEO_Advantage_left .Advantage_left_title{ font-size:64px; color:#333333; text-align:right; margin-bottom:55px;}
.SEO_Advantage .SEO_Advantage_left .Advantage_left_title span{ color:#999999;}
.SEO_Advantage .SEO_Advantage_left .Advantage_left_content .left_content_list{ display:flex; align-items:center; justify-content:flex-end; margin-bottom:40px;}
.SEO_Advantage .SEO_Advantage_left .Advantage_left_content .left_content_list .content_list_txt{ text-align:right; margin-right:28px;}
.SEO_Advantage .SEO_Advantage_left .Advantage_left_content .left_content_list:last-child{ margin-bottom:0px; }
.SEO_Advantage .SEO_Advantage_left .Advantage_left_content .left_content_list .content_list_txt dd{ font-size:20px; color:#333333; font-weight:bolder; margin-bottom:10px;}
.SEO_Advantage .SEO_Advantage_left .Advantage_left_content .left_content_list .content_list_txt dt{ font-size:16px; color:#666666;}
.SEO_Advantage .SEO_Advantage_right .Advantage_left_content .left_content_list{ justify-content:flex-start;}
.SEO_Advantage .SEO_Advantage_right .Advantage_left_title{ text-align:left; color:#fff;}
.SEO_Advantage .SEO_Advantage_right .Advantage_left_title span{ color:#f47427;}
.SEO_Advantage .SEO_Advantage_right .Advantage_left_content .left_content_list .content_list_txt{ text-align:left; margin-right:0px; margin-left:28px;}
.SEO_Advantage .SEO_Advantage_right .Advantage_left_content .left_content_list .content_list_txt dd{ color:#f47427;}
.SEO_Advantage .SEO_Advantage_right .Advantage_left_content .left_content_list .content_list_txt dt{ color:#fff;}

.SEO_idea{ background:#fff; position:relative; z-index:5; padding:95px 0px;}
.SEO_idea .SEO_idea_title{ text-align:center;}
.SEO_idea .SEO_idea_title dd{ font-size:40px; color:#27282a; margin-bottom:20px;}
.SEO_idea .SEO_idea_title dd span{ color:#f47427;}
.SEO_idea .SEO_idea_title dt{ font-size:16px; color:#666666; line-height:31px; padding:0px 330px;}
.SEO_idea .SEO_idea_content{ display:flex; align-items:center; justify-content:space-between; margin-top:65px;}
.SEO_idea .SEO_idea_content .idea_content_icon{ position:relative; width:445px; height:442px;}
.SEO_idea .SEO_idea_content .idea_content_icon .content_icon_t div{ position:absolute; top:0; left:0; opacity:0; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;}
.SEO_idea .SEO_idea_content .idea_content_icon .content_icon_title{ font-size:20px; color:#fff;}
.SEO_idea .SEO_idea_content .idea_content_icon .content_icon_t div.on{ opacity:1; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;}
.SEO_idea .SEO_idea_content .idea_content_icon .content_icon_title .icon_title_li1{ position:absolute; left:13%; top:39%; transform:rotate(-73deg);}
.SEO_idea .SEO_idea_content .idea_content_icon .content_icon_title .icon_title_li2{ position:absolute; right:13%; top:24%; transform:rotate(52deg);}
.SEO_idea .SEO_idea_content .idea_content_icon .content_icon_title .icon_title_li3{ position:absolute; right:23%; bottom:8%; transform:rotate(157deg);}

.SEO_idea .SEO_idea_content .idea_content_right{ width:65%;}
.SEO_idea .SEO_idea_content .idea_content_right .content_right_list{ padding:35px 44px; background:#fff; position:relative;transition: all 0.5s ease; -webkit-transform: all 0.5s ease; }
.SEO_idea .SEO_idea_content .idea_content_right .content_right_list .right_list_title{ font-size:20px; color:#000000; margin-bottom:15px;}
.SEO_idea .SEO_idea_content .idea_content_right .content_right_list .right_list_title span{ font-size:16px; color:#999999; margin-left:15px;}
.SEO_idea .SEO_idea_content .idea_content_right .content_right_list.on{ background:#f5f5f5;transition: all 0.5s ease; -webkit-transform: all 0.5s ease; }
.SEO_idea .SEO_idea_content .idea_content_right .content_right_list:before{ content:""; display:inline-block; width:0; height:0; border-top: 13px solid transparent; border-right: 13px solid #f5f5f5; border-bottom: 13px solid transparent; position:absolute; left:0px; top:50px; opacity:0;transition: all 0.5s ease; -webkit-transform: all 0.5s ease; }
.SEO_idea .SEO_idea_content .idea_content_right .content_right_list.on:before{ left:-13px; opacity:1;transition: all 0.5s ease; -webkit-transform: all 0.5s ease; }
.SEO_idea .SEO_idea_content .idea_content_right .content_right_list .right_list_txt{ font-size:16px; color:#666666;}

.SEO_detail{ background:url(../images/bg42.jpg) no-repeat 50%/cover;}
.SEO_detail .SEO_idea_title dd{ color:#fff;}
.SEO_detail .SEO_idea_title dt{ color:#fff;}
.SEO_detail .SEO_detail_content{ display:flex; justify-content:space-between; padding:0px 230px; margin-top:75px;}
.SEO_detail .SEO_detail_content .detail_content_list{ text-align:center;}  
.SEO_detail .SEO_detail_content .detail_content_list .content_list_txt{margin-top:30px;}
.SEO_detail .SEO_detail_content .detail_content_list .content_list_txt dd{font-size:18px; color:#fff; position:relative; padding-bottom:15px; margin-bottom:30px;}
.SEO_detail .SEO_detail_content .detail_content_list .content_list_txt dd:before{content:"";display:inline-block;width:15px;height:2px;background:#fff;opacity:.5;position:absolute;left:0;right:0;margin:0 auto; bottom:0;}
.SEO_detail .SEO_detail_content .detail_content_list .content_list_txt dt{ font-size:15px; color:#fff; opacity:.6;}
.SEO_detail .SEO_detail_content .detail_content_list .content_list_txt dt p{ margin-bottom:12px;}
.SEO_detail .SEO_detail_btn{ text-align:center; margin-top:58px;}
.SEO_detail .SEO_detail_btn a{ font-size:16px; color:#fff; display:inline-block; width:172px; line-height:48px; text-align:center; border-radius:100px; background:#f47427;}

.SEO2{ position:relative; z-index:2; background:#f6f6f6; padding:112px 0px;}
.SEO2 .pc_all_content{ display:flex; justify-content:space-between; align-items:center;}
.SEO2 .SEO2_img{ width:46%;}
.SEO2 .SEO2_img img{ max-width:100%; box-shadow:0px 0px 43px rgba(0,0,0,.1)}
.SEO2 .SEO2_right{ width:45%;}
.SEO2 .SEO2_right dd{ font-size:40px; color:#27282a; padding-right:48%; line-height:60px; margin-bottom:45px;}
.SEO2 .SEO2_right dd span{ color:#f47427;}
.SEO2 .SEO2_right dt{ font-size:18px; color:#666666; line-height:32px; margin-bottom:120px;}
.SEO2 .SEO2_right a{ display:inline-block; width:147px; line-height:52px; font-size:16px; color:#fff; background:#111111; text-align:center;}
.SEO2 .SEO2_right a:hover{ background:#f47427;}

.Customers .SEO_idea_title{ text-align:center; margin-bottom:55px;}
.Customers .SEO_idea_title dd{ font-size:40px; color:#fff; margin-bottom:30px;}
.Customers .SEO_idea_title dd span{ color:#f47427;}
.Customers .SEO_idea_title dt{ font-size:16px; color:#fff; line-height:31px; padding:0px 330px;}

.PINews .samew1_title .samew1_title_dd{ letter-spacing: 0em; }
.PINews .samew1_title .samew1_title_dd span{ color:#f47427;}

.SEO_case{ background:#f8f8f8;}
.SEO_case .SEO_case_content{ display:flex; justify-content:space-between; margin-top:60px;}
.SEO_case .SEO_case_content .case_content_list{ width:32%; background:#fff; box-shadow:0px 0px 21px rgba(0,0,0,.1);}
.SEO_case .SEO_case_content .case_content_list .content_list_img{ padding:35px;}
.SEO_case .SEO_case_content .case_content_list .content_list_img img{ width:100%;}
.SEO_case .SEO_case_content .case_content_list .content_list_txt{ display:flex; align-items:center; justify-content: space-between; height:75px; padding:0px 30px; border-top:1px solid #dcdcdc;}
.SEO_case .SEO_case_content .case_content_list .content_list_txt dd{ font-size:20px; width:70%; color:#333;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.SEO_case .SEO_case_content .case_content_list .content_list_txt dt{ font-size:16px; color:#999;}

.Topic_header{ position:fixed; top:54px; width:100%; left:0; z-index:2;}
.Topic_header .pc_all_content{ display:flex; align-items:center; justify-content:space-between;}
.Topic_header .pc_all_content .Topic_header_content{ display:flex; align-items:center;}
.Topic_header .pc_all_content .Topic_header_content .header_content_list{ margin-right:65px;}
.Topic_header .pc_all_content .Topic_header_content .header_content_list:last-child{ margin-right:0px;}
.Topic_header .pc_all_content .Topic_header_content .header_content_list .content_list_title{ font-size:18px; color:#fff;}

.TBanner .TBanner_content{ position:absolute; left:0; bottom:0; width:1705px; height:100%; display:flex; align-items:center; justify-content:space-between; right:0; margin:0 auto;}
.TBanner .TBanner_content .TBanner_content_left{ width:38%;}
.TBanner .TBanner_content .TBanner_content_left .content_left_dd{ font-size:70px; color:#fff; margin-bottom:55px;}
.TBanner .TBanner_content .TBanner_content_left .content_left_dt{ font-size:20px; color:#fff; line-height:37px; opacity:.8;}
.TBanner .TBanner_content .TBanner_content_left a{ font-size:16px; color:#fff; position:relative; margin-top:110px; display:inline-block; width:190px; height:50px; background:#f47427; display:flex; align-items:center; justify-content:center; box-shadow: 0px 0px 10px rgb(255 255 255 / 10%);}
.TBanner .TBanner_content .TBanner_content_left a span{ display:flex; width:96%; height:80%; align-items:center; justify-content:center; left:0; top:0; border:1px solid rgba(255,255,255,.3);}
.TBanner .TBanner_content .TBanner_content_left a:hover{ background:#f47427;}
.TBanner .TBanner_content .TBanner_content_right{ position:absolute; right:0;}

.Topic_case{ background:#f8f8f8; padding-bottom:108px;}
.Topic_case .Topic_case_content{ display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:40px;}
.Topic_case .Topic_case_content .case_content_list{ width:32%; background:#fff; margin-top:2%; padding:45px;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; position:relative;}
.Topic_case .Topic_case_content .case_content_list:before{ content:""; position:absolute; display:inline-block; width:32px; height:32px;  background:url(../images/link.png) no-repeat 50% 50%; right:20px; top:20px; opacity:0;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.Topic_case .Topic_case_content .case_content_list:hover:before{ opacity:.5;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.Topic_case .Topic_case_content .case_content_list:hover{ box-shadow:0px 0px 25px rgba(0,0,0,.1);transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.Topic_case .Topic_case_content .case_content_list .content_list_top .list_top_logo{ margin-bottom:15px;}
.Topic_case .Topic_case_content .case_content_list .content_list_top .list_top_title{ font-size:20px; color:#333333; position:relative; padding-bottom:15px; margin-bottom:28px;}
.Topic_case .Topic_case_content .case_content_list .content_list_top .list_top_title:before{ content:""; display:inline-block; width:25px; height:2px; background:#ff8625; position:absolute; left:0; bottom:0;}
.Topic_case .Topic_case_content .case_content_list .content_list_txt{ font-size:14px; line-height:30px; color:#666666;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

.Topic_technology{ background:#353e4d; padding:75px 0px; position:relative; z-index:5;}
.Topic_technology:before{ content:""; display:inline-block; width:256px; height:548px; background:url(../images/bn114.png) no-repeat 50% 50%; position:absolute; left:0; top:-86px;}
.Topic_technology:after{ content:""; display:inline-block; width:248px; height:730px; background:url(../images/bn115.png) no-repeat 50% 50%; position:absolute; right:0; bottom:-68px;}
.Topic_technology .pc_all_content{ display:flex; justify-content:space-between; padding-left:235px; padding-right:180px;}
.Topic_technology .Topic_technology_left{ position:relative; margin-top:30px;}
.Topic_technology .Topic_technology_left:before{ content:""; display:inline-block; width:97px; height:97px; border-radius:100%; background:rgba(255,255,255,.06); position:absolute; right:127px; top:-25px;}
.Topic_technology .Topic_technology_left .technology_left_dd{ font-size:40px; color:#fff;}
.Topic_technology .Topic_technology_left .technology_left_dd p{ margin-bottom:15px;}
.Topic_technology .Topic_technology_left .technology_left_dd p span{ font-weight:bolder; color:#f47427;}
.Topic_technology .Topic_technology_left .technology_left_dd p:last-child{ margin-bottom:0px;}
.Topic_technology .Topic_technology_right{ display:flex; justify-content:space-between; flex-wrap:wrap; width:871px;}
.Topic_technology .Topic_technology_right .technology_right_list{ width:48%; border-radius:13px; text-align:center; padding:45px 40px; margin-bottom:4%; background: rgba(255,255,255,.03);}
.Topic_technology .Topic_technology_right .technology_right_list .right_list_title{ font-size:20px; color:#fff; margin-bottom:25px; margin-top:18px;}
.Topic_technology .Topic_technology_right .technology_right_list .right_list_txt{ font-size:14px; color:#fff; opacity:.5; line-height:26px;}
.Topic_technology .Topic_technology_right .technology_right_list:nth-child(3){ margin-left:-235px;}
.Topic_technology .Topic_technology_right .technology_right_list:nth-child(4){ margin-right:235px;}
.honor .SEO_idea_title{ margin-bottom:85px;}
.APPService{ background:url(../images/bg47.jpg) no-repeat 50%/cover; padding:94px 0px;}
.APPService .pc_all_content{ position:relative;}
.APPService .HighWebsite_left{ width:53%;}
.APPService .HighWebsite_right{ bottom:0; right:50px; align-items: flex-start; width:44%;}

.APPProcess{ background:#000 url(../images/bg48.jpg) no-repeat 50%/cover fixed; padding:80px 0px; position:relative;}
.APPProcess:before{ content:""; display:inline-block; width:100%; height:100%; background:url(../images/bn132.png) no-repeat 50% 61%; position:absolute; left:0; top:0; z-index:1;}
.APPProcess .pc_all_content{ position:relative; z-index:2; padding:0px 23px;}
.APPProcess .APPProcess_title{ font-size:32px; color:#fff; text-align:center; margin-bottom:55px;}
.APPProcess .APPProcess_content{ display:flex; justify-content:space-between;}
.APPProcess .APPProcess_content .APPProcess_content_list{ text-align:center;}
.APPProcess .APPProcess_content .APPProcess_content_list .content_list_title{ margin-bottom:70px;}
.APPProcess .APPProcess_content .APPProcess_content_list:nth-child(2n) .content_list_title{ margin-bottom:0px; margin-top:70px;}
.APPProcess .APPProcess_content .APPProcess_content_list .content_list_title dd{ font-size:18px; color:#fff; margin-bottom:12px;}
.APPProcess .APPProcess_content .APPProcess_content_list .content_list_title dt{ font-size:14px; color:#fff; font-weight:bolder;}
.APPProcess .APPProcess_content .APPProcess_content_list .content_list_icon{width:66px;height:66px;border-radius:100%;border:1px solid #fff;display:flex;align-items:center;justify-content:center;margin:0 auto;}
.APPProcess .APPProcess_content .APPProcess_content_list:nth-child(1){ margin-top:145px;}
.APPProcess .APPProcess_content .APPProcess_content_list:nth-child(2){ margin-top:104px;}
.APPProcess .APPProcess_content .APPProcess_content_list:nth-child(3){ margin-top:45px;}
.APPProcess .APPProcess_content .APPProcess_content_list:nth-child(4){ margin-top:63px;}
.APPProcess .APPProcess_content .APPProcess_content_list:nth-child(5){ margin-top:46px;}
.APPProcess .APPProcess_content .APPProcess_content_list:nth-child(6){}
.APPProcess .APPProcess_content .APPProcess_content_list:nth-child(7){ margin-top:58px;}
.APPProcess .APPProcess_content .APPProcess_content_list:nth-child(8){ margin-top:120px;}

.APPAdvantage{ background:#f8f8f8; padding:95px 0px;}
.APPAdvantage .APPAdvantage_title{ text-align:center; margin-bottom:80px;}
.APPAdvantage .APPAdvantage_title dd{ font-size:32px; color:#27282a;}
.APPAdvantage .APPAdvantage_title dd span{ color:#f47427;}
.APPAdvantage .APPAdvantage_title dt{ font-size:16px; color:#666666; margin-top:20px;}
.APPAdvantage .APPAdvantage_content{ display:flex; justify-content:space-between;}
.APPAdvantage .APPAdvantage_content .APPAdvantage_content_list{ background:#fff; width:23%; padding:60px 50px;}
.APPAdvantage .APPAdvantage_content .APPAdvantage_content_list:hover{ box-shadow:0px 0px 25px rgba(0,0,0,.1)}
.APPAdvantage .APPAdvantage_content .APPAdvantage_content_list .content_list_title{ display:flex; align-items:center; justify-content:space-between; font-size:22px; color:#333; margin-bottom:35px;}
.APPAdvantage .APPAdvantage_content .APPAdvantage_content_list .content_list_txt{ font-size:16px; color:#888; line-height:28px; text-align:justify;}

.APPDevelopment{ padding:65px 0px; padding-bottom:55px;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; position:relative; background:#000;}
.APPDevelopment .APPDevelopment_bg{ position:absolute; left:0; top:0; width:100%; opacity:0; transition: all 1s ease 0s; -webkit-transform: all 0.3s ease 0s; background:#000;}
.APPDevelopment .APPDevelopment_bg img{ width:100%; height:717px; object-fit:cover;}
.APPDevelopment .APPDevelopment_bg.on{ opacity:1; transition: all 2s ease 0s; -webkit-transform: all 0.3s ease 0s;}
.APPDevelopment .APPAdvantage_title{ margin-bottom:40px;}
.APPDevelopment .APPAdvantage_title dd{ color:#fff;}
.APPDevelopment .APPAdvantage_title dt{ color:#fff;}
.APPDevelopment .APPDevelopment_content{ display:flex; justify-content:space-between;}
.APPDevelopment .APPDevelopment_content .APPDevelopment_content_left{ width:18%; padding:65px 0px; background: url(../images/bn141.png) no-repeat 50% 50%; position: relative; top:-65px;}
.APPDevelopment .APPDevelopment_content .APPDevelopment_content_left a{display:flex;width:100%;padding-left:65px;background:#1e2029;height:86px;align-items:center;font-size:18px;color:#fff;position:relative;}
.APPDevelopment .APPDevelopment_content .APPDevelopment_content_left a img{ margin-right:25px;}
.APPDevelopment .APPDevelopment_content .APPDevelopment_content_left a:hover{ background:#373a4b;}
.APPDevelopment .APPDevelopment_content .APPDevelopment_content_left a:before{ content:""; display:inline-block; width:4px; height:100%; background:#f47427; left:-4px; position:absolute; top:0; opacity:0;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.APPDevelopment .APPDevelopment_content .APPDevelopment_content_left a:hover:before{ left:0; opacity:1;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.APPDevelopment .APPDevelopment_content .APPDevelopment_content_left a.on{ background:#373a4b;}
.APPDevelopment .APPDevelopment_content .APPDevelopment_content_left a.on:before{ left:0; opacity:1;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.APPDevelopment .APPDevelopment_content .APPDevelopment_content_right{ width:79%; padding-top:33px;}
.APPDevelopment .APPDevelopment_content .APPDevelopment_content_right .content_right_list{ display:none;}
.APPDevelopment .APPDevelopment_content .APPDevelopment_content_right .content_right_list.on{ display: block;}
.APPDevelopment .APPDevelopment_content .APPDevelopment_content_right .content_right_list .right_list_top{ margin-bottom:70px;}
.APPDevelopment .APPDevelopment_content .APPDevelopment_content_right .content_right_list .right_list_top dd{ font-size:24px; color:#fff; margin-bottom:12px;}
.APPDevelopment .APPDevelopment_content .APPDevelopment_content_right .content_right_list .right_list_top dt{ font-size:14px; color:#fff; opacity:.7; margin-bottom:21px;}
.APPDevelopment .APPDevelopment_content .APPDevelopment_content_right .content_right_list .right_list_top p{ font-size:14px; color:#fff;}
.APPDevelopment .APPDevelopment_content .APPDevelopment_content_right .content_right_list .right_list_bottom{ display:flex; justify-content:space-between; margin-bottom:50px;}
.APPDevelopment .APPDevelopment_content .APPDevelopment_content_right .content_right_list .right_list_bottom .list_bottom_li{ width:46%;}
.APPDevelopment .APPDevelopment_content .APPDevelopment_content_right .content_right_list .right_list_bottom .list_bottom_li dd{ font-size:24px; color:#fff; margin-bottom:20px;}
.APPDevelopment .APPDevelopment_content .APPDevelopment_content_right .content_right_list .right_list_bottom .list_bottom_li dt{ font-size:14px; color:#fff; opacity:.7; line-height:28px;}
.APPDevelopment .APPDevelopment_content .APPDevelopment_content_right .content_right_list .right_list_btn a{width:130px;line-height:40px;background:#f47427;font-size:14px;color:#fff;display:inline-block; text-align:center;}

.APPApplication .APPApplication_content{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.APPApplication .APPApplication_content .APPApplication_content_list{ width:24%; background:#fff; border-radius:8px; margin-bottom:1%; padding:38px 40px;}
.APPApplication .APPApplication_content .APPApplication_content_list:hover{ box-shadow:0px 0px 25px rgba(0,0,0,.1)}
.APPApplication .APPApplication_content .APPApplication_content_list .content_list_icon{ width:53px; height:53px; background:#f8f8f8; border-radius:100%; display:flex; align-items:center; justify-content:center; margin-bottom:20px;}
.APPApplication .APPApplication_content .APPApplication_content_list .content_list_txt dd{ font-size:20px; color:#000000; margin-bottom:10px;}
.APPApplication .APPApplication_content .APPApplication_content_list .content_list_txt dt{ font-size:15px; color:#7d7d7d; line-height:26px;}

.WeChat2{ background:#fff; padding-bottom:0px;}
.WeChat2 .APPAdvantage_title{ margin-bottom:60px;}
.WeChat2 .WeChat2_content{ display:flex; align-items:center; justify-content:space-between;}
.WeChat2 .WeChat2_content .WeChat2_content_list{ background:#f8f8f8; width:23%; text-align:center; padding:40px 0px;}
.WeChat2 .WeChat2_content .WeChat2_content_list .content_list_title{ padding:0px 85px; margin-top:24px; line-height:26px; font-size:16px; color:#333333;}
.WeChat2 .WeChat2_bottom{ text-align:center; margin-top:93px;}

.WeChatShop{ position:relative; z-index:5; background:#ffffff url(../images/bg54.jpg) no-repeat 50% 0%; padding:75px 0px;}
.WeChatShop .WeChatShop_title{ font-size:32px; color:#fff; text-align:center; margin-bottom:60px;}
.WeChatShop .WeChatShop_content{ display:flex; justify-content:space-between; align-items:flex-start;}
.WeChatShop .WeChatShop_content .WeChatShop_content_list{ display:flex; align-items:center; justify-content:space-between; width:34%; margin-top:195px;}
.WeChatShop .WeChatShop_content .WeChatShop_content_img{ width:32%; text-align:center;}
.WeChatShop .WeChatShop_content .WeChatShop_content_img img{ max-width:100%;}
.WeChatShop .WeChatShop_content .WeChatShop_content_list .content_list_li{ text-align:center;}
.WeChatShop .WeChatShop_content .WeChatShop_content_list .content_list_li dd{ width:122px; height:122px; border-radius:100%; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.2);}
.WeChatShop .WeChatShop_content .WeChatShop_content_list .content_list_li dt{ font-size:18px; color:#fff; margin-top:20px;}
.WeChatShop .WeChatShop_bottom{ margin-top:50px;}
.WeChatShop .WeChatShop_bottom .WeChatShop_bottom_title{ text-align:center; padding:0px 22%;}
.WeChatShop .WeChatShop_bottom .WeChatShop_bottom_title dd{ font-size:32px; color:#27282a; margin-bottom:18px;}
.WeChatShop .WeChatShop_bottom .WeChatShop_bottom_title dt{ font-size:16px; color:#666666; line-height:32px;}
.WeChatShop .WeChatShop_bottom .WeChatShop_bottom_content{ display:flex; justify-content:space-between; flex-wrap:wrap; padding-top:20px;}
.WeChatShop .WeChatShop_bottom .WeChatShop_bottom_content .bottom_content_li{ width:10%; text-align:center; margin-top:50px;}
.WeChatShop .WeChatShop_bottom .WeChatShop_bottom_content .bottom_content_li dt{ font-size:14px; color:#333; margin-top:25px;}

.WeChatWhy{ background:url(../images/bg55.jpg) no-repeat 50%/cover;}
.WeChatWhy .WeChatWhy_content{ position:relative;}
.WeChatWhy .WeChatWhy_content .WeChatWhy_content_img{ text-align:center;}
.WeChatWhy .WeChatWhy_content .WeChatWhy_content_po{ position:absolute; left:0; right:0; margin:0 auto; width:70%; top:0; display:flex; justify-content:space-between; align-items:center; height:100%;}
.WeChatWhy .WeChatWhy_content .WeChatWhy_content_po .WeChatWhy_content_list{ width:50%; padding:0px 40px;}
.WeChatWhy .WeChatWhy_content .WeChatWhy_content_po .WeChatWhy_content_list:last-child{ width:44%;}
.WeChatWhy .WeChatWhy_content .WeChatWhy_content_po .WeChatWhy_content_list .content_list_title{ margin-bottom:50px; text-align:center; font-size:24px; color:#fff;}
.WeChatWhy .WeChatWhy_content .WeChatWhy_content_po .WeChatWhy_content_list .content_list_txt{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.WeChatWhy .WeChatWhy_content .WeChatWhy_content_po .WeChatWhy_content_list .content_list_txt .list_txt_li{ width:46%; margin-bottom:65px;}
.WeChatWhy .WeChatWhy_content .WeChatWhy_content_po .WeChatWhy_content_list .content_list_txt .list_txt_li:nth-child(3),.WeChatWhy .WeChatWhy_content .WeChatWhy_content_po .WeChatWhy_content_list .content_list_txt .list_txt_li:nth-child(4){ margin-bottom:0px;}
.WeChatWhy .WeChatWhy_content .WeChatWhy_content_po .WeChatWhy_content_list .content_list_txt .list_txt_li dd{ margin-bottom:13px; font-size:16px; color:#fff;}
.WeChatWhy .WeChatWhy_content .WeChatWhy_content_po .WeChatWhy_content_list .content_list_txt .list_txt_li dt{ color:rgba(255,255,255,.5); line-height:22px;}

@media screen and (max-width:1705px){
.pc_all .pc_all_content,.footer .footer_content{ max-width: 1500px;}
.banner .slider .banner_mdx2 .banner_mdx2_content{ width:1500px;}
.samew1 .samew1_content .samew1_content_list .content_list_top{ height: 380px;}
.samew1 .samew1_content .samew1_content_list.on .content_list_top{ height: 440px;}
.AboutBanner img{ height: auto;}
.nav_down .nav_down_contact .down_contact_bottom .contact_bottom_top p span{ margin-left: 0px;}
.HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content{ padding:125px;}
.ContentPlanning .pc_all_content{ padding:0px 80px;}
.ContentPlanning .ContentPlanning_right{ width:39%;}
.BrandInternet .BrandInternet_right{ position:absolute; right:-110px; top:0; height:100%;}
.DBanner,.DBanner .DBanner_img img,.WBanner_height{ height:950px;}
.SEO1 .pc_all_content{ padding:0px 60px;}
.SEO_idea .SEO_idea_content .idea_content_right{ width:58%;}
.SEO_detail .SEO_detail_content{ padding:0px 130px;}
.SEO2 .SEO2_right dd{ padding-right:36%;}
.TBanner .TBanner_content{ width: 1500px; height:87%;}
.Topic_technology .pc_all_content{ padding:0px 110px; padding-left:200px;}
}

@media screen and (max-width:1530px){
.pc_all .pc_all_content,.footer .footer_content{ max-width: 1200px;}
.banner .slider .banner_mdx2 .banner_mdx2_content{ width:1200px;}
.pc_top{ padding-left: 50px;}
.pc_header .pc_header_content .header_content_right .menu ul li{ margin-right: 35px;}
.pc_header2 .pc_header_content .header_content_right .top_right_phone{ width: 245px; padding-right: 50px;}
.pc_header2 .pc_header_content .header_content_right .top_right_icon{ margin-left: 35px;}
.samew1 .samew1_content .samew1_content_list .content_list_top{ height: 300px;}
.samew1 .samew1_content .samew1_content_list.on .content_list_top{ height: 380px;}
.samewAbout .samewAbout_bottom .samewAbout_bottom_list{ margin-right: 95px;}
.nav_down .nav_down_list .down_list_title .list_title_dt{ font-size: 22px;}
.nav_down .nav_down_list .down_list_content p a{ font-size: 15px;}
.nav_down .nav_down_list{ padding: 40px 20px;}
.nav_down .nav_down_contact .down_contact_bottom .contact_bottom_top{ font-size: 14px;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .slick-hero-slider-caption img{ max-width:40%;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_pbl .slick-hero-slider-caption img{ max-width:40%;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_jq .slick-hero-slider-caption img{ max-width:40%;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_mdx .slick-hero-slider-caption .transitionDelay4{ padding:33px 0px; margin: 0px;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_mdx .slick-hero-slider-caption img{ max-width:30%; max-height:60px;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .slick-hero-slider-caption .bg2 img{ max-height:inherit; max-width: 100%;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption img{ max-width: 57%;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .top1{ font-size:34px; color:#fff; font-weight:bolder; text-transform:uppercase; margin-bottom:10px;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .i{ text-align: center;font-size:40px; color:#ff6600; border-bottom:0px solid #ff6600;padding-bottom:0px;font-weight:bolder; text-transform:uppercase;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .top2{ font-size:28px; color:#fff; font-weight:bolder; margin-bottom:0px;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .top3{ font-size:20px; color:#fff;}
.DBanner,.DBanner .DBanner_img img,.WBanner_height{ height:830px;}
.HighWebsite2{ overflow:hidden;}
.HighWebsite2 img{ max-width:100%;}
.HighWebsite2 .HighWebsite2_left{ width:40%;}
.HighWebsite2 .HighWebsite2_right{ width:35%;}
.HighWebsite2 .HighWebsite2_right .HighWebsite2_right_icon img{ max-width:100%;}
.HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content{ padding:0px;}
.Research img{ max-width:100%; }
.Research .Research_content{ padding:0px;}
.ContentPlanning img{ max-width:100%; }
.ContentPlanning .pc_all_content{ padding:0px;}
.ContentPlanning .ContentPlanning_img{ width:55%;}
.BrandInternet .BrandInternet_right{ right:-170px;}
.SystemDevelopment .SystemDevelopment_content .SystemDevelopment_content_list{ padding:22px;}
.SEO_idea .SEO_idea_content,.SEO1 .pc_all_content,.SEO_detail .SEO_detail_content{ padding:0px;}
.SEO2 .SEO2_right dt{ margin-bottom:60px;}
.TBanner .TBanner_content{ width: 1200px; height:87%;}
.Topic_technology .pc_all_content{ padding:0px;}
.TBanner .TBanner_content .TBanner_content_left .content_left_dd{ font-size:40px; margin-bottom:30px;}
.TBanner .TBanner_content .TBanner_content_left .content_left_dt{ font-size:16px;}
.TBanner .TBanner_content .TBanner_content_left a{ margin-top:50px;}
.TBanner .TBanner_content .TBanner_content_right{ width:80%;}
.TBanner .TBanner_content .TBanner_content_right img{ max-width:100%;}
.WeChatWhy .WeChatWhy_content .WeChatWhy_content_po{ width:100%;}
.APPService .HighWebsite_right{ width:40%;}
.APPAdvantage .APPAdvantage_content .APPAdvantage_content_list{ padding:30px;}
.APPDevelopment .APPDevelopment_content .APPDevelopment_content_left a{ padding-left:22px;}
.SEO_idea .SEO_idea_title dt{ padding:0px;}
.pc_header .pc_header_content .header_content_right .menu ul li .DropDown a{ margin-right:50px;}
.pc_header .pc_header_content .header_content_right .menu ul li .DropDown a:after{ right:-25px;}
.WeChat2 .WeChat2_content .WeChat2_content_list .content_list_title{ padding:0px 33px;}
.APPService .HighWebsite_right{ align-items:flex-end;}
.APPService .pc_all_content{ position: initial;}
.APPProcess .APPProcess_content{ height:328px;}
.APPProcess .APPProcess_content .APPProcess_content_list .content_list_title{ margin-bottom:40px;}
.APPProcess .APPProcess_content .APPProcess_content_list:nth-child(1){ margin-top:85px;}
.APPProcess .APPProcess_content .APPProcess_content_list:nth-child(2){ margin-top:35px;}
.APPProcess .APPProcess_content .APPProcess_content_list:nth-child(3){ margin-top:25px;}
.APPProcess .APPProcess_content .APPProcess_content_list:nth-child(5){ margin-top:70px;}
.APPProcess .APPProcess_content .APPProcess_content_list:nth-child(7){ margin-top:5px;}
.APPProcess .APPProcess_content .APPProcess_content_list:nth-child(8){ margin-top:43px;}
}

@media screen and (max-width:1200px){
.pc_all .pc_all_content{ width: 96% !important; margin: 0 auto; overflow: hidden;}
.pc_top,.footer_content,#mydiv{ display: none;}
.mo_footer{ display:block;}
.mo_top{display: block;}
.mo_height{ height: 50px;}
.slick-dots li{ width: 10px !important; height: 1px !important; margin: 0px 4px !important;}
img{ max-width: 100%;}
.hight,.pc_top_company,.banner .banner_txt,.buildnum{ display: none;}
input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#999999; font-size:13px !important;}
input::-webkit-input-placeholder{ /* WebKit browsers */ color:#999999; font-size:13px !important;}
input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color:#999999; font-size:13px !important;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px !important;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px !important;}
textarea::-webkit-input-placeholder{color:#999999; font-size:13px !important;}
.Copyright .pc_all_content{ display: block; padding: 15px 0px; height: auto; font-size: 13px; text-align: center;}
.Copyright .pc_all_content a{ font-size: 13px;}
.footer .footer_content{ z-index:50;}
.pc_header2 .pc_header_content .header_content_right .top_right_icon,.pc_header2 .pc_header_content .header_content_right .top_right_phone{ display:none;}
.banner{ position: relative;}
.banner .slick-dots{ bottom: 4%; width: 100%; left: 0;}
.banner .slick-dots li{ width: 12px; height: 17px; margin: 0px 2px;}
.banner .slick-dots li.slick-active{ border:0px;}
.banner .slick-dots li.slick-active button:before{ opacity:1;}
.banner .slick-dots li button{ width:100%; height:auto; height: 1px; padding:0px;}
.banner .slick-dots li button:before{ position: relative; left: 0px; top: 0px; font-size:24px; width:100%; height:auto; line-height:2px; opacity:.5;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_jq .slick-hero-slider-caption .transitionDelay2{ margin-bottom:15px;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_mdx .slick-hero-slider-caption .transitionDelay4{ padding:12px 0px;}
.banner_height{ display: none;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .transitionDelay2{ margin-bottom: 5px;color:#ff6600;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .transitionDelay4{ margin-bottom: 0px;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption img{ max-width: 60%;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .slick-hero-slider-caption div{ margin: 0px;}
.banner,.slick-item,.banner_height,.slick-hero-slider .image-bg{ height: 400px !important;}
.AboutBanner{ position: relative;}
.AboutBanner_height{ display: none;}
.samewCase .samewCase_content .samewCase_content_list .content_list_txt{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.samew1{ padding: 50px 2%;}
.samew1 .samew1_title{ margin-bottom: 30px;}
.samew1 .samew1_title .samew1_title_dd{ font-size: 30px; margin-bottom: 10px;}
.samew1 .samew1_content{ display: block;}
.samew1 .samew1_content .samew1_content_list{ width: 100%; box-shadow: 0px 0px 49px rgb(0 0 0 / 13%);}
.samew1 .samew1_content .samew1_content_list:last-child{ margin-top: 30px;}
.samew1 .samew1_content .samew1_content_list .content_list_top .list_top_title{ font-size: 24px; padding-bottom: 30px; margin-bottom: 22px;}
.samew1 .samew1_content .samew1_content_list .content_list_top .list_top_p{ right: 4%;}
.samewCase .samewCase_content{ margin-bottom: -20px;}
.samewCase .samewCase_content .samewCase_content_list{ margin-bottom: 22px;}
.samewAbout .samewAbout_title dd{ font-size: 24px; padding-bottom: 30px; margin-bottom: 22px;}
.samewAbout .samewAbout_title dt{ line-height: 30px;}
.samewAbout .samewAbout_bottom{ flex-wrap: wrap; margin-top: 22px;}
.samewAbout .samewAbout_bottom .samewAbout_bottom_list{ margin-right: 0px; width: 49%; margin-top: 26px; text-align: center;}
.samewAbout .samewAbout_bottom .samewAbout_bottom_list dd{ margin-bottom: 15px;}
.samewClient .samewClient_content .samewClient_content_list{ width: 30%; height: 145px;}
.IndexNews .IndexService_content_title{ display: block; margin-bottom: 45px; overflow: hidden;}
.IndexNews .IndexService_content_title dd{ text-align: center; margin-bottom: 20px;}
.IndexNews .IndexService_content_title dd,.IndexNews .IndexService_content_title .IndexNews_title{ width: 100%;}
.IndexNews .IndexService_content_title .IndexNews_title{ display: flex; justify-content: space-between;}
.IndexNews .IndexNews_content .IndexNews_content_video,.IndexNews .IndexNews_content .IndexNews_content_right{ width: 100%;}
.IndexNews .IndexNews_content .IndexNews_content_video{ margin-bottom: 35px;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list{ display: flex; align-items: center; justify-content: space-between;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content p{-webkit-line-clamp: 2; height: auto;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_img{ width: 32%;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content{ width: 60%;}
.about .about_title dd{ font-size: 15px; margin-bottom: 10px;}
.about .about_title dt{ font-size: 18px; margin-bottom: 22px; padding-bottom: 15px;}
.honor{ padding: 33px 0px;}
.honor .about_title{ margin-bottom: 30px;}
.honor .honor_content .honor_content_left,.honor .honor_content .honor_content_right{ width: 100%;}
.honor .honor_content .honor_content_left{ margin-bottom: 25px; position: relative;}
.honor .honor_content .honor_content_left .content_left_li .left_li_bottom{ font-size: 14px; bottom: 23%;}
.Perspective{ height: 400px;}
.Perspective .Perspective_y{ top: 32%;}
.Perspective .Perspective_content{ padding-bottom: 0px;}
.Perspective .Perspective_content dd{ font-size: 30px;}
.Perspective .Perspective_content dt{ margin-top: 22px;}
.Customers{ padding: 33px 0px; background: url(../images/bg29.jpg) no-repeat 50%/cover;}
.Customers .about_title{ margin-bottom: 20px;}
.Customers .Customers_content .Customers_content_list{ width: 32%;}
.Customers .Customers_content .Customers_content_list{ height: 90px;}
.Customers .Customers_content .Customers_content_list img{ max-width: 80%; opacity: 1 !important;}
.pc_index .banner{ position:relative;}
.pc_index .pc_header{ z-index:50; height:auto; padding:0px 4%; position:absolute;}
.pc_header .pc_header_content{}
.pc_header2 .pc_header_content .header_content_right .top_right_icon,.pc_header2 .pc_header_content .header_content_right .top_right_phone{ display:none;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .top1{ font-size:16px; color:#fff; font-weight:bolder; text-transform:uppercase; margin-bottom:10px;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .i{ text-align: center;font-size:20px; color:#ff6600; border-bottom:0px solid #ff6600;padding-bottom:0px;font-weight:bolder; text-transform:uppercase;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .top2{ font-size:14px; color:#fff; font-weight:bolder; margin-bottom:0px;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .top3{ font-size:12px; color:#fff;}
.DBanner .DBanner_txt{ padding:0px 25px;}
.DBanner .DBanner_txt .DBanner_txt_dd{ font-size:24px; line-height:36px;}
.DBanner .DBanner_txt .DBanner_txt_dt{ margin-top:25px; font-size:15px; text-align:center;}

.HighWebsite{ padding:35px 0px;}
.HighWebsite .HighWebsite_left,.HighWebsite .HighWebsite_right{ width:100%; }
.HighWebsite .HighWebsite_left .HighWebsite_left_title{ margin-bottom:30px;}
.HighWebsite .HighWebsite_left .HighWebsite_left_title dd{ font-size:20px; margin-bottom:8px;}
.HighWebsite .HighWebsite_left .HighWebsite_left_title dt{ font-size:14px; padding-bottom:20px; margin-bottom:20px;}
.HighWebsite .HighWebsite_left .HighWebsite_left_title p{ font-size:14px;}
.HighWebsite .HighWebsite_right{ position:inherit; margin-top:35px;}
.HighWebsite .HighWebsite_right img{ width:100%;}
.HighWebsite .HighWebsite_left .HighWebsite_left_icon .left_icon_l .left_icon_list{ width:48%; padding:18px 0px;}
.HighWebsite .HighWebsite_left .HighWebsite_left_icon .left_icon_l .left_icon_list dt{ font-size:15px; height:32px; padding:0px 10px;}
.HighWebsite .HighWebsite_left .HighWebsite_left_icon .left_icon_l .left_icon_list dd{ height:40px;}
.HighWebsite .HighWebsite_left .HighWebsite_left_icon .left_icon_l .left_icon_list dd img{ max-height:32px;}
.HighWebsite2{ padding:35px 0px;}
.HighWebsite2 .pc_all_content{ display:block;}
.HighWebsite2 .HighWebsite2_center{ display:none;}
.HighWebsite2 .HighWebsite2_right .HighWebsite2_right_icon{ display:none;}
.HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content{ position:inherit; padding:25px 0px; padding-bottom:0px;}
.HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content .right_content_title dd{ font-size:24px;}
.Research{ padding:35px 0px;}
.Research .Research_title{ margin-bottom:30px;}
.Research .Research_title dd{ font-size:24px;}
.Research .Research_title dt{ font-size:16px;}
.Research .Research_content{ display:block; padding:0px;}
.Research .Research_content .Research_content_list .content_list_li:first-child{ margin-bottom:30px;}
.Research .Research_content .Research_content_img{ margin:33px;}
.Research .Research_content .Research_content_list .content_list_li .list_li_txt dd{ font-size:18px;}
.Research .Research_content .Research_content_list .content_list_li .list_li_icon img{ max-height:35px;}
.Research .Research_content .Research_content_list .content_list_li .list_li_txt{ margin-left:20px;}
.ContentPlanning{ padding:35px 0px;}
.ContentPlanning .pc_all_content{ padding:0px; display:block;}
.ContentPlanning .ContentPlanning_right{ width:100%; margin-top:35px;}
.ContentPlanning .ContentPlanning_right .ContentPlanning_right_title{ margin-bottom:30px;}
.ContentPlanning .ContentPlanning_right .ContentPlanning_right_title dd{ font-size:26px;}
.ContentPlanning .ContentPlanning_right .ContentPlanning_right_title dt{ font-size:16px;}
.ContentPlanning .ContentPlanning_right .ContentPlanning_right_content .right_content_list{ justify-content:space-between;}
.ContentPlanning .ContentPlanning_right .ContentPlanning_right_content .right_content_list .content_list_txt{ width:80%;}
.ContentPlanning .ContentPlanning_right .ContentPlanning_right_content .right_content_list .content_list_txt dd{ font-size:16px;}
.BrandInternet{ padding-bottom:40px;}
.BrandInternet .pc_all_content{ display:block;}
.BrandInternet .BrandInternet_left{ padding:35px 0px;}
.BrandInternet .BrandInternet_left,.BrandInternet .BrandInternet_right{ width:100%;}
.BrandInternet .BrandInternet_left .BrandInternet_left_title{ margin-bottom:0px;}
.BrandInternet .BrandInternet_left .BrandInternet_left_title dd{ font-size:24px;}
.BrandInternet .BrandInternet_left .BrandInternet_left_title dt{ font-size:15px; margin-top:10px;}
.BrandInternet .BrandInternet_left .BrandInternet_left_txt .left_txt_list{ width:48%;}
.BrandInternet .BrandInternet_left .BrandInternet_left_txt .left_txt_list .txt_list_icon{ height:40px; display:flex; align-items:center;}
.BrandInternet .BrandInternet_left .BrandInternet_left_txt .left_txt_list .txt_list_icon img{ max-height:36px;}
.BrandInternet .BrandInternet_left .BrandInternet_left_txt .left_txt_list .txt_list_bottom dd{ font-size:16px;}
.BrandInternet .BrandInternet_left .BrandInternet_left_txt .left_txt_list .txt_list_bottom dt{ font-size:14px;}
.BrandInternet .BrandInternet_right{ position:inherit; right:0px;}
.BrandInternet .BrandInternet_right .mo_show{ padding:0px 33px;}
.pc_show{ display:none;}
.mo_show{ display:block;}
.HighWebsite2 .HighWebsite2_left,.HighWebsite2 .HighWebsite2_right{ width:100%;}
.SystemDevelopment::before{ display:none;}
.SystemDevelopment .pc_all_content{ display:block;}
.SystemDevelopment .SystemDevelopment_content{ width:100%; margin-top:35px;}
.SystemDevelopment .SystemDevelopment_content .SystemDevelopment_content_list{ display:block; padding:20px;}
.SystemDevelopment .SystemDevelopment_content .SystemDevelopment_content_list .content_list_icon{ margin-right:0px; margin-bottom:15px;}
.SystemDevelopment .SystemDevelopment_content .SystemDevelopment_content_list .content_list_icon img{ max-height:36px;}
.Maintenance{ padding:36px 0px;}
.Maintenance .Maintenance_title { margin-bottom:33px;}
.Maintenance .Maintenance_title dd{ font-size:26px;}
.Maintenance .Maintenance_title dt{ font-size:14px; line-height:26px;}
.Maintenance .Maintenance_content .Maintenance_content_c{ display:none;}
.Maintenance .Maintenance_content .Maintenance_content_y{ margin-bottom:33px;}
.Maintenance .Maintenance_content .Maintenance_content_y2{ margin-bottom:0px;}
.Maintenance .Maintenance_content .Maintenance_content_y,.Maintenance .Maintenance_content .Maintenance_content_y2{ position:inherit; margin-top:0px; justify-content:space-between;}
.Maintenance .Maintenance_content .Maintenance_content_y::before{ display:none;}
.Maintenance .Maintenance_content .Maintenance_content_y2::before{ display:none;}
.Maintenance .Maintenance_content .Maintenance_content_y2 .content_y_list,.Maintenance .Maintenance_content .Maintenance_content_y .content_y_list{ margin-right:0px !important; top:0px !important;}
.Maintenance .Maintenance_content .Maintenance_content_y .content_y_list{ width:25%;}
.Maintenance .Maintenance_content .Maintenance_content_y .content_y_list .y_list_title{ font-size:16px; text-align:center;}

.INews .INews_content .INews_content_list{ width:100%;}
.INews .INews_content .INews_content_list:last-child{ margin-top:36px;}
.DBanner .DBanner_scroll img{ max-height:25px;}
.SEO1{ padding:35px 0px;}
.SEO1 .pc_all_content{ display:block;}
.SEO1 .SEO1_left,.SEO1 .SEO1_right{ width:100%;}
.SEO1 .SEO1_left{ padding:0px 65px;}
.SEO1 .SEO1_right{ margin-top:35px;}
.SEO1 .SEO1_right .SEO1_right_title{ margin-bottom:33px;}
.SEO1 .SEO1_right .SEO1_right_title dd{ font-size:24px;}
.SEO1 .SEO1_right .SEO1_right_title dt{ font-size:16px; margin-top:12px; line-height:26px;}
.SEO1 .SEO1_right .SEO1_right_txt .right_txt_list{ justify-content:space-between;}
.SEO1 .SEO1_right .SEO1_right_txt .right_txt_list .txt_list_r{ margin-left:0px; width:80%;}
.SEO1 .SEO1_right .SEO1_right_txt .right_txt_list .txt_list_r dd{ font-size:16px;}
.SEO1 .SEO1_right .SEO1_right_txt .right_txt_list .txt_list_r dt{ font-size:14px;}
.SEO_Advantage{ display:block;}
.SEO_Advantage .SEO_Advantage_left,.SEO_Advantage .SEO_Advantage_right{ width:100%; top:0px; padding:33px 20px;}
.SEO_Advantage .SEO_Advantage_left .Advantage_left_title{ font-size:26px; text-align:center; margin-bottom:22px;}
.SEO_Advantage .SEO_Advantage_left .Advantage_left_content .left_content_list .content_list_txt{ text-align:center; width:100%;}
.SEO_Advantage .SEO_Advantage_left .Advantage_left_content .left_content_list .content_list_icon{ display:none;}
.SEO_Advantage .SEO_Advantage_left .Advantage_left_content .left_content_list .content_list_txt dd{ font-size:16px;}
.SEO_Advantage .SEO_Advantage_left .Advantage_left_content .left_content_list .content_list_txt dt{ font-size:14px;}
.SEO_Advantage .SEO_Advantage_right .Advantage_left_content .left_content_list .content_list_txt{ margin-left:0px;}
.SEO_idea{ padding:0px; padding-bottom:35px;}
.SEO_idea .SEO_idea_title dd{ font-size:26px;}
.SEO_idea .SEO_idea_title dt{ padding:0px; font-size:14px; line-height:26px;}
.SEO_idea .SEO_idea_content{ display:block;}
.SEO_idea .SEO_idea_content .idea_content_icon{ width:100%; height:380px;}
.SEO_idea .SEO_idea_content .idea_content_icon .content_icon_t div{ padding:0px 30px;}
.SEO_idea .SEO_idea_content .idea_content_icon img{ width:100%;}
.SEO_idea .SEO_idea_content .idea_content_right{ width:100%;}
.SEO_idea .SEO_idea_content .idea_content_right .content_right_list:before{ display:none;}
.SEO_idea .SEO_idea_content .idea_content_right .content_right_list{ padding:20px;}
.SEO_idea .SEO_idea_content .idea_content_right .content_right_list .right_list_title{ font-size:18px;}
.SEO_idea .SEO_idea_content .idea_content_right .content_right_list .right_list_title span{ font-size:14px;}
.SEO_idea .SEO_idea_content .idea_content_right .content_right_list .right_list_txt{ font-size:14px;}
.SEO_detail{ padding:33px 0px;}
.SEO_detail .SEO_detail_content{ flex-wrap:wrap; justify-content: flex-start; margin-top:30px;}
.SEO_detail .SEO_detail_content .detail_content_list{ width:33.33%; margin-bottom:30px;}
.SEO_detail .SEO_detail_content .detail_content_list .content_list_icon img{ max-height:55px;}
.SEO_detail .SEO_detail_content .detail_content_list .content_list_txt dd{ font-size:16px;}
.SEO_detail .SEO_detail_content .detail_content_list .content_list_txt dt{ font-size:14px;}
.SEO_detail .SEO_detail_content .detail_content_list .content_list_txt dd{ margin-bottom:20px; padding-bottom:10px;}
.SEO_detail .SEO_detail_btn{ margin-top:0px;}
.SEO2{ padding:35px 0px;}
.SEO2 .pc_all_content{ display:block;}
.SEO2 .SEO2_img,.SEO2 .SEO2_right{ width:100%;}
.SEO2 .SEO2_right{ margin-top:33px;}
.SEO2 .SEO2_right dd{ font-size:20px; padding-right:0px; line-height:45px; margin-bottom:10px;}
.SEO2 .SEO2_right dt{ font-size:15px; margin-bottom:30px;}

.Customers .SEO_idea_title{ margin-bottom:25px;}
.Customers .SEO_idea_title dd{ font-size:26px; margin-bottom:10px;}
.Customers .SEO_idea_title dt{ padding:0px; font-size:14px;}

.SEO_case{ padding:35px 0px;}
.SEO_case .SEO_case_content{ display:block; padding:0px 25px; margin-top:25px;}
.SEO_case .SEO_case_content .case_content_list{ width:100%; margin-bottom:25px;}
.SEO_case .SEO_case_content .case_content_list .content_list_img{ padding:20px;}

.Topic_header{ top:30px;}
.Topic_header .pc_all_content{ display:block;}
.Topic_header .Topic_header_logo{ display:none;}
.Topic_header .pc_all_content .Topic_header_content{ display: flex; flex-wrap:wrap; justify-content:space-between;}
.Topic_header .pc_all_content .Topic_header_content .header_content_list{ margin-right:0px; width:31%; margin-bottom:15px;}
.Topic_header .pc_all_content .Topic_header_content .header_content_list .content_list_title{ font-size:16px; padding:10px 0px; border:1px solid #fff; text-align:center; display:inline-block; width:100%; border-radius:10px;}

.TBanner .TBanner_content{ height:76%; display:block; padding:0px 4%; max-width:100%;}
.TBanner .TBanner_content .TBanner_content_left{ width:100%; margin-bottom:35px;}
.TBanner .TBanner_content .TBanner_content_left .content_left_dd{ font-size:18px;}
.TBanner .TBanner_content .TBanner_content_left .content_left_dt{ font-size:14px; line-height:26px;}
.TBanner .TBanner_content .TBanner_content_left a{ margin-top:30px; font-size:15px;}
.TBanner .TBanner_content .TBanner_content_right{ width:100%; text-align:left;}

.Topic_case{ padding:35px 0px;}
.Topic_case .Topic_case_content{ margin-top:20px;}
.Topic_case .Topic_case_content .case_content_list{ width:48%; margin-top:4%; padding:20px;}
.Topic_case .Topic_case_content .case_content_list .content_list_txt{ line-height:22px;}
.Topic_case .Topic_case_content .case_content_list .content_list_top .list_top_title{ font-size:16px; margin-bottom:20px; padding-bottom:10px;}

.Topic_technology{ padding:35px 0px;}
.Topic_technology:before,.Topic_technology:after{ display:none;}
.Topic_technology .pc_all_content{ display:block;}
.Topic_technology .Topic_technology_left{ margin-bottom:25px;}
.Topic_technology .Topic_technology_left .technology_left_dd{ font-size:18px;}
.Topic_technology .Topic_technology_left .technology_left_dd p{ margin-bottom:8px; text-align:center;}
.Topic_technology .Topic_technology_right{ width:100%;}
.Topic_technology .Topic_technology_right .technology_right_list{ padding:20px;}
.Topic_technology .Topic_technology_right .technology_right_list:nth-child(3){ margin-left:0px;}
.Topic_technology .Topic_technology_right .technology_right_list:nth-child(4){ margin-right:0px;}
.Topic_technology .Topic_technology_right .technology_right_list .right_list_title{ margin:15px 0px; font-size:16px;}

.honor{ padding:35px 0px;}
.honor .SEO_idea_title{ margin-bottom:30px;}

.APPService .HighWebsite_right{ right:0;}

.APPProcess{ padding:35px 0px;}
.APPProcess .APPProcess_title{ margin-bottom:33px; font-size:22px;}
.APPProcess:before{ display:none;}
.APPProcess .APPProcess_content{ flex-wrap:wrap;}
.APPProcess .pc_all_content{ padding:0px;}
.APPProcess .APPProcess_content .APPProcess_content_list{ margin-top:0px !important; width:48%; margin-bottom:25px;}
.APPProcess .APPProcess_content .APPProcess_content_list .content_list_title{ margin-bottom:25px;}
.APPProcess .APPProcess_content .APPProcess_content_list:nth-child(2n) .content_list_title{ margin-top:25px;}
.APPProcess .APPProcess_content .APPProcess_content_list .content_list_title dd{ font-size:16px; margin-bottom:8px;}

.APPAdvantage{ padding:35px 0px;}
.APPAdvantage .APPAdvantage_title{ margin-bottom:34px;}
.APPAdvantage .APPAdvantage_title dd{ font-size:22px;}
.APPAdvantage .APPAdvantage_title dt{ font-size:14px; margin-top:11px;}
.APPAdvantage .APPAdvantage_content{ flex-wrap:wrap;}
.APPAdvantage .APPAdvantage_content .APPAdvantage_content_list{ width:48%; padding:20px; margin-bottom:4%;}
.APPAdvantage .APPAdvantage_content .APPAdvantage_content_list .content_list_title{ font-size:16px; margin-bottom:20px;}
.APPAdvantage .APPAdvantage_content .APPAdvantage_content_list .content_list_txt{ font-size:14px; text-align:left; line-height:24px;}

.APPDevelopment .APPDevelopment_content{ display:block;}
.APPDevelopment .APPDevelopment_content .APPDevelopment_content_left,.APPDevelopment .APPDevelopment_content .APPDevelopment_content_right{ width:100%; background:none; top:0px;}
.APPDevelopment .APPDevelopment_content .APPDevelopment_content_left{ padding:0px; display:flex; justify-content:space-between; flex-wrap:wrap;}
.APPDevelopment .APPDevelopment_content .APPDevelopment_content_left a{ height:65px; font-size:16px; padding:0px; justify-content:center; width:49%; margin-bottom:2%;}
.APPDevelopment .APPDevelopment_content .APPDevelopment_content_left a img{ margin-right:15px; max-height:25px;}
.APPDevelopment .APPDevelopment_content .APPDevelopment_content_right .content_right_list .right_list_top dd{ font-size:18px;}
.APPDevelopment .APPDevelopment_content .APPDevelopment_content_right .content_right_list .right_list_bottom .list_bottom_li dd{ font-size:18px;}

.APPApplication .APPApplication_content .APPApplication_content_list{ width:48%; margin-bottom:4%; padding:20px;}
.APPApplication .APPApplication_content .APPApplication_content_list .content_list_txt dd{ font-size:16px;}
.APPApplication .APPApplication_content .APPApplication_content_list .content_list_txt dt{ font-size:14px;}

.WeChat2{ padding-bottom:0px;}
.WeChat2 .WeChat2_content{ flex-wrap:wrap;}
.WeChat2 .WeChat2_content .WeChat2_content_list{ width:49%; margin-bottom:2%; padding:20px 0px;}
.WeChat2 .WeChat2_content .WeChat2_content_list .content_list_iocn img{ max-height:45px;}
.WeChat2 .WeChat2_content .WeChat2_content_list .content_list_title{ padding:20px; font-size:14px; line-height:22px; margin-top:0px; padding-bottom:0px;}
.WeChat2 .WeChat2_bottom{ margin-top:30px;}

.WeChatShop{ padding:33px 0px; background: #ffffff url(../images/bg54.jpg) no-repeat 50%/cover;}
.WeChatShop .WeChatShop_title{ font-size:22px; margin-bottom:30px;}
.WeChatShop .WeChatShop_content{ display:block;}
.WeChatShop .WeChatShop_content .WeChatShop_content_list{ width:100%; margin-top:0px;}
.WeChatShop .WeChatShop_content .WeChatShop_content_img{ display:none;}
.WeChatShop .WeChatShop_content .WeChatShop_content_list .content_list_li{ margin-bottom:22px; width:32%;}
.WeChatShop .WeChatShop_content .WeChatShop_content_list .content_list_li dd{ width:100%; height:65px; border-radius:0px; padding:0px 15px;}
.WeChatShop .WeChatShop_content .WeChatShop_content_list .content_list_li dt{ font-size:16px;}
.WeChatShop .WeChatShop_bottom{ margin-top:18px;}
.WeChatShop .WeChatShop_bottom .WeChatShop_bottom_title{ padding:0px;}
.WeChatShop .WeChatShop_bottom .WeChatShop_bottom_title dd{ font-size:20px; color:#fff;}
.WeChatShop .WeChatShop_bottom .WeChatShop_bottom_title dt{ font-size:14px; line-height:26px; color:#fff;}
.WeChatShop .WeChatShop_bottom .WeChatShop_bottom_content .bottom_content_li{ width:32%; margin-bottom:2%; background:#fff; margin-top:0px; padding:13px 0px; border-radius:3px;}
.WeChatShop .WeChatShop_bottom .WeChatShop_bottom_content .bottom_content_li dd img{ max-height:25px;}
.WeChatShop .WeChatShop_bottom .WeChatShop_bottom_content .bottom_content_li dt{ margin-top:10px;}

.WeChatWhy .WeChatWhy_content .WeChatWhy_content_img{ display:none;}
.WeChatWhy .WeChatWhy_content .WeChatWhy_content_po{ position:inherit; width:100%; display: block;}
.WeChatWhy .WeChatWhy_content .WeChatWhy_content_po .WeChatWhy_content_list{ width:100%; padding:20px; background:#2b303b;}
.WeChatWhy .WeChatWhy_content .WeChatWhy_content_po .WeChatWhy_content_list .content_list_txt .list_txt_li{ margin-bottom:22px;}
.WeChatWhy .WeChatWhy_content .WeChatWhy_content_po .WeChatWhy_content_list:last-child{ background:#656b78; width:100%; margin-top:20px;}

.pc_header .pc_header_content .header_content_right .menu ul li .DropDown a dd{ display:none;}
.APPProcess .APPProcess_content{ height:auto;}

.banner .slider .banner_mdx2 .banner_mdx2_content{ width:94%;}
.banner .slider .banner_mdx2 .banner_mdx2_left{ width:32%;}
.banner .slider .banner_mdx2 .banner_mdx2_left .mdx2_left_dd{ margin-bottom:15px;}
}

@media screen and (max-width:950px){
.pc_index .pc_header{ position:fixed; padding:0px;}
.AboutBanner{ margin-top:50px;}
.pc_index .banner{ margin-top:51px;}
.pc_header .pc_header_content .header_content_logo{ line-height:50px;}
}

@media screen and (max-width:768px){
.samew1{ padding: 33px 0px;}
.samew1 .samew1_title .samew1_title_dd{ font-size: 18px;}
.samew1 .samew1_title .samew1_title_dt{ font-size: 14px;}
.samew1 .samew1_content .samew1_content_list .content_list_top .list_top_title{ font-size: 16px; padding-bottom: 12px; margin-bottom: 10px;}
.samew1 .samew1_content .samew1_content_list .content_list_top .list_top_title::before{ height: 1px;}
.samew1 .samew1_content .samew1_content_list .content_list_top .list_top_txt p{ font-size: 14px; margin-bottom: 10px;}
.samew1 .samew1_content .samew1_content_list.on .content_list_top{ height: 210px;}
.samew1 .samew1_content .samew1_content_list .content_list_top{ height: 210px;}
.samew1 .samew1_content .samew1_content_list .content_list_bottom .list_bottom_li{ padding: 0px 12px;}
.samew1 .samew1_content .samew1_content_list .content_list_bottom .list_bottom_li .bottom_li_txt dd{ font-size: 16px; margin-bottom: 5px;}
.samew1 .samew1_content .samew1_content_list .content_list_bottom .list_bottom_li .bottom_li_txt dt{ font-size: 13px;}

.samewCase .samewCase_content .samewCase_content_list{ width: 48%;}
.samewCase .samewCase_content .samewCase_content_list .content_list_txt span{ font-size: 12px;}
.samewCase .samewCase_content .samewCase_content_list .content_list_txt{ line-height: 48px; font-size: 14px;}

.samewAbout .samewAbout_title dd{ font-size: 18px; padding-bottom: 18px; margin-bottom: 26px;}
.samewAbout .samewAbout_title dt{ font-size: 13px; line-height: 28px;}
.samewAbout .samewAbout_bottom .samewAbout_bottom_list dd img{ max-height: 20px;}
.samewAbout .samewAbout_bottom .samewAbout_bottom_list dt{ font-size: 13px;}

.samewClient .samewClient_content .samewClient_content_list{ width: 48%; height: 90px;}
.samewClient .samewClient_content .samewClient_content_list img{ max-width: 70%;}
.samewClient .samewClient_content .samewClient_content_list:last-child{ display: none;}

.IndexNews .IndexService_content_title{ margin-bottom: 25px;}
.IndexNews .IndexService_content_title .IndexNews_title{ flex-wrap: wrap; justify-content: center;}
.IndexNews .IndexService_content_title dd{ font-size: 18px;}
.IndexNews .IndexNews_title a{ margin-right: 0px; min-width:20%;width: 30%; margin-right: 13px; margin-bottom: 13px; line-height: 45px;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list{ display: block;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_img img{width: 100%; height: auto;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_img{ width: 100%;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content{ width: 100%;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content .list_content_title{display:flex;height:45px;line-height:normal;align-items:center;justify-content:space-between;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content .list_content_title dd{ width: 70%;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content .list_content_title:after{ display: none;}

.samew1 .samew1_title .IndexNews2_title{ flex-wrap: wrap; justify-content: center;margin-top: 15px;}
.samew1 .samew1_title .IndexNews2_title a{ margin-right: 10px; min-width:20%;width: 28%;  margin-bottom: 13px;font-size:12px; line-height: 45px;}
.samew1 .samew1_title .IndexNews2_title a:nth-child(2){ margin-right: 10px; min-width:20%;width: 32%;  margin-bottom: 13px;font-size:12px; line-height: 45px;}

.Customers .Customers_content .Customers_content_list{ width: 49%;}
.Customers .Customers_content .Customers_content_list:last-child{ display: none;}

.ContactNow{ padding: 32px 4%;}
.ContactNow .ContactNow_title dd{ font-size: 16px; margin-bottom: 30px;}
.ContactNow .ContactNow_title dd::before{ bottom: -15px;}
.APPDevelopment .APPDevelopment_bg img{ height:900px; object-fit:cover;}
}

@media screen and (max-width:600px){
.banner,.slick-item,.banner_height,.slick-hero-slider .image-bg{ height: 230px !important;}
.DBanner, .DBanner .DBanner_img img, .WBanner_height{ height:340px !important;}
.pc_index .pc_header{ background:#fff !important;}
}

@media screen and (max-width:375px){}
@media screen and (max-width:360px){}
@media screen and (max-width:320px){}

.index-product{ padding: 40px 6% 40px; background: #fafafa; overflow: hidden;min-width: 100%;z-index: 3;position:relative;}
.index-product .module-title{ margin-bottom: 80px; }
.index-product .module-title { font-size: 30px; color: #000; margin: 0 0 55px; text-align: center; }
.index-product .module-title span{ color: #059fff;}
.index-product .module-title p{ font-size: 14px; margin: 13px 0 0; color: #666666; }
.new-product-intro{color: #fff;}
.new-product-intro .intro-title{height: 64px;line-height: 64px;padding-left: 33px;font-size: 16px;position: relative;}
.new-product-intro .intro-title:after{content: "";position: absolute;right: 0;bottom: 0;width:100%;height:1px;background:rgba(255,255,255,1);opacity:0.18;}
.new-product-intro .intro-title>span{vertical-align: middle;}
.new-product-intro .title-icon{display: inline-block;vertical-align: middle;margin-right: 3px;}
.intro-calc .title-icon{width: 29px;height: 24px;background: url('/skins/sw2021/images/calc_icon.png') no-repeat center;}
.new-product-intro .intro-calc .intro-list li{margin-bottom: 17px;}
.do-web .title-icon{width: 24px;height: 25px;background: url('/skins/sw2021/images/do_web_icon.png') no-repeat center;}
.sec-service .title-icon{width: 26px;height: 24px;background: url('/skins/sw2021/images/se_service_icon.png') no-repeat center;}
.idc-service .title-icon{width: 24px;height: 25px;background: url('/skins/sw2021/images/idc_icon.png') no-repeat center;}
.new-product-intro .p-icon{float: left;width: 24px;height: 24px;margin-right: 14px;margin-top: 1px;font-size: 22px;}
.new-product-intro .load-icon{font-size: 26px;}
.new-product-intro .mysql-icon, .new-product-intro .sqlserver-icon{font-size: 24px;}
.new-product-intro .intro-info{float: left;}
.intro-calc{width: 35%;height: 631px;float: left;background:#2e56df;margin-right: 20px}
.intro-calc .intro-list li:not(.private):hover{background:rgb(255,255,255,0.1);}
.new-product-intro .intro-list{padding: 32px 20px 20px 40px;overflow: hidden;}
.new-product-intro .intro-list li{overflow: hidden;float: left;cursor: pointer;margin-bottom: 3px;width: 90%;}
.new-product-intro .intro-list li.private{opacity: 0.5;}
.new-product-intro .intro-list li.private a{cursor: not-allowed;}
.new-product-intro .intro-list li a{width: 100%;padding: 18px 18px 18px 20px;color: #fff;display: block;box-sizing: border-box;}
.new-product-intro .intro-list li .main-title{font-size: 20px;margin-bottom: 5px;}
.new-product-intro .intro-list li .main-title:after{content: "";display: inline-block;margin-left: 9px;width: 30px;height: 15px;vertical-align: middle;}
.new-product-intro .intro-list li .hot:after{background: url(/skins/sw2021/images/hot.png) right center no-repeat;}
.new-product-intro .intro-list li .private:after{width: 38px;background: url('/skins/sw2021/images/private.png') no-repeat right center;}
.new-product-intro .intro-list li .subtitle{font-size: 16px;line-height:36px;}
.new-product-intro .intro-list li .subtitle i{font-size: 22px;color:#ffba00;line-height:36px;font-family:"Impact"}
.intro-other{float: right;width: 63%;}
.intro-other .do-web{width: 100%;height: 303px;background:#2b80e0;margin-bottom: 20px}
.intro-other .do-web .intro-list{padding-left: 49px;padding-top: 30px;}
.do-web .intro-list li, .do-web .intro-list li a{width: 290px;white-space：nowrap;}
.do-web .intro-list li:not(.private):hover{background:rgb(255,255,255,0.1);}
.intro-other .sec-service{float: left;width: 48.5%;height: 308px;background:#2b9ee0;margin-right: 20px}
.intro-other .sec-service .intro-list{padding-left: 49px;padding-top: 21px;}
.sec-service .intro-list li, .sec-service .intro-list li a{width: 95%;}
.sec-service .intro-list li:not(.private):hover{background:rgb(255,255,255,0.1);}
.intro-other .idc-service{float: right;width: 48.5%;height: 308px;background:#2bc4e0;}
.intro-other .idc-service .intro-list{padding-left: 49px;padding-top: 21px;}
.idc-service .intro-list li, .idc-service .intro-list li a{width: 90%;}
.idc-service .intro-list li:not(.private):hover{background:rgb(255,255,255,0.1);}
.contact-us-btn{margin-left: 100px;display: block;width:120px;height:40px;text-align: center;line-height: 40px;font-size: 14px;color: #099FFF;background:rgba(255,255,255,1);box-shadow:0px 0px 8px 0px rgba(255,255,255,0.45);transition: all 0.4s;-webkit-transition: all 0.4s;-ms-transition: all 0.4s;-moz-transition: all 0.4s;}
.contact-us-btn:hover{transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);-moz-transform: scale(1.2);}

@media screen and (max-width:1600px){
.intro-calc{width: 28%;height: 631px;float: left;background:#2e56df;margin-right: 20px}
.new-product-intro .intro-list{padding: 20px 10px 10px 20px;overflow: hidden;}
.new-product-intro .intro-list li{overflow: hidden;float: left;cursor: pointer;margin-bottom: 3px;width: 90%;}
.new-product-intro .intro-list li.private{opacity: 0.5;}
.new-product-intro .intro-list li.private a{cursor: not-allowed;}
.new-product-intro .intro-list li a{width: 100%;padding: 10px 10px 10px 12px;color: #fff;display: block;box-sizing: border-box;}
.new-product-intro .intro-list li .main-title{font-size: 20px;margin-bottom: 5px;}
.new-product-intro .intro-list li .main-title:after{content: "";display: inline-block;margin-left: 9px;width: 30px;height: 15px;vertical-align: middle;}
.new-product-intro .intro-list li .hot:after{background: url(/skins/sw2021/images/hot.png) right center no-repeat;}
.new-product-intro .intro-list li .private:after{width: 38px;background: url('/skins/sw2021/images/private.png') no-repeat right center;}
.new-product-intro .intro-list li .subtitle{font-size: 16px;line-height:26px;}
.intro-other{float: right;width: 70%;}
.intro-other .do-web{height: 303px;background:#2b80e0;margin-bottom: 20px}
.intro-other .do-web .intro-list{padding-left: 30px;padding-top: 20px;}
.do-web .intro-list li, .do-web .intro-list li a{width: 280px;}
.do-web .intro-list li:not(.private):hover{background:rgb(255,255,255,0.1);}
.intro-other .sec-service{float: left;width: 48.5%;height: 308px;background:#2b9ee0;margin-right: 20px}
.intro-other .sec-service .intro-list{padding-left: 20px;padding-top: 21px;}
.sec-service .intro-list li, .sec-service .intro-list li a{width: 90%;}
.sec-service .intro-list li:not(.private):hover{background:rgb(255,255,255,0.1);}
.intro-other .idc-service{float: right;width: 48.5%;height: 308px;background:#2bc4e0;}
.intro-other .idc-service .intro-list{padding-left: 20px;padding-top: 21px;}
.idc-service .intro-list li, .idc-service .intro-list li a{width: 90%;}
.idc-service .intro-list li:not(.private):hover{background:rgb(255,255,255,0.1);}
}
@media screen and (max-width:768px){
.intro-calc{width: 100%;height:auto;background: #6864E7;margin-right: 20px}
.intro-calc .intro-list li:not(.private):hover{background: #6864E7;}
.new-product-intro .intro-list{padding: 20px 10px 10px 20px;overflow: hidden;}
.new-product-intro .intro-list li{overflow: hidden;float: left;cursor: pointer;margin-bottom: 3px;width: 90%;}
.new-product-intro .intro-list li.private{opacity: 0.5;}
.new-product-intro .intro-list li.private a{cursor: not-allowed;}
.new-product-intro .intro-list li a{width: 100%;padding: 10px 10px 10px 12px;color: #fff;display: block;box-sizing: border-box;}
.new-product-intro .intro-list li .main-title{font-size: 18px;margin-bottom: 5px;}
.new-product-intro .intro-list li .main-title:after{content: "";display: inline-block;margin-left: 9px;width: 30px;height: 15px;vertical-align: middle;}
.new-product-intro .intro-list li .hot:after{background: url(/skins/sw2021/images/hot.png) right center no-repeat;}
.new-product-intro .intro-list li .private:after{width: 38px;background: url('/skins/sw2021/images/private.png') no-repeat right center;}
.new-product-intro .intro-list li .subtitle{font-size: 14px;line-height:26px;}
.intro-other{width: 100%;}
.intro-other .do-web{height:auto;background:#2b80e0;margin-bottom: 20px}
.intro-other .do-web .intro-list{padding-left: 30px;padding-top: 20px;}
.do-web .intro-list li, .do-web .intro-list li a{width: 280px;}
.do-web .intro-list li:not(.private):hover{background:rgb(255,255,255,0.1);}
.do-web .intro-title .ss{display:none;}
.intro-other .sec-service{width: 100%;height:auto;background:#2b9ee0;margin-right: 20px}
.intro-other .sec-service .intro-list{padding-left: 20px;padding-top: 21px;}
.sec-service .intro-list li, .sec-service .intro-list li a{width: 90%;}
.sec-service .intro-list li:not(.private):hover{background:rgb(255,255,255,0.1);}
.intro-other .idc-service{width: 100%;height:auto;background:#2bc4e0;}
.intro-other .idc-service .intro-list{padding-left: 20px;padding-top: 21px;}
.idc-service .intro-list li, .idc-service .intro-list li a{width: 90%;}
.idc-service .intro-list li:not(.private):hover{background:rgb(255,255,255,0.1);}
}

.gf-demand{*margin-top:50px!important; padding:80px 0px;background-color:#efefef;z-index: 3;position:relative;}
.gf-demand .h2{font-size:14px; color:#666;}
.gf-demand .h3{font-size:34px; color:#333; padding-bottom:50px; line-height:1;}
.gf-demand .write{padding-bottom:50px;}
.gf-demand .write input{margin-right: 1%;background-color: #fff; padding: 20px 0; color:#6e6e6e; padding-left: 1%;font-size: 14px;}
.gf-demand .write .submit{background-color:#040404;color:#fff;width:11%;font-family:'Microsoft YaHei';text-align:center;padding-left:0;cursor:pointer;*margin:0!important;*padding:17px 0!important;margin-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;height:60px;line-height:56px;border:2px solid #040404;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.gf-demand .write .submit:hover{background: #fff;color:#040404;}
.gf-demand .write .text1,.gf-demand .write .text2{width:16%; border:none; font-family:'Microsoft YaHei';}
.gf-demand .write .text3{width:50%; border:none; font-family:'Microsoft YaHei';}
.italic{font-size:14px; color:#999;}
.layout{padding-left:6%; padding-right:5%;}
@media screen and (min-width:1200px) and (max-width:1519px){}
@media screen and (min-width:769px) and (max-width:1199px){
	.foottou .foot-ewm{float:right;}
	.foottou .ftewm{width:100%; padding-top:20px; text-align:center;}
}
@media screen and (min-width:320px) and (max-width:768px){
	.kefu{display:none;}
	.logo a{width:90px; height:12px;}
	.scrollBar .banner ul li .imgTimes,.bannerheight{background-size:auto 100% !important;}
	.foottou .foot-ewm{float:right; width:100%; text-align:center; padding-top:20px;}
	.foottou .foot-ewm ul li{float:none; display:inline-block; margin:0px 10px;}
	.foottou .ftewm{width:100%; padding-top:20px; text-align:center;}
	.gf-demand .write .text1,.gf-demand .write .text2{width:100%; margin-bottom:20px;}
	.gf-demand .write .text2{margin-right:0;}
	.gf-demand .write .text3{width:100%;}
	.gf-demand .write .submit{width:100%;}
}
@media screen and (min-width:769px) and (max-width:1199px){
	.gf-demand .write .text1,.gf-demand .write .text2{width:48%; margin-bottom:20px;}
	.gf-demand .write .text2{margin-right:0;}
	.gf-demand .write .text3{width:77%;}
	.gf-demand .write .submit{width:20%;}
	.index-ser ul li{width:47%; margin-right:6%;}
	.index-ser ul li:nth-of-type(2n){margin-right:0px;}
}


div.back2Top{width: 60px;position:fixed;right:15px;bottom:180px;z-index:999;}
div.back2Top a{display: block;width: 60px;height:60px;background:no-repeat center center;margin-bottom: 10px;font-size: 0px;overflow: hidden;text-indent: -9999px;}
div.back2Top a.service-qq{background-image:url('/skins/sw2021/images/top/top_qq.png');}
div.back2Top a.service-qq:after{content: '';width: 12px;height: 12px;border-radius: 50%;background-image: linear-gradient(to bottom, #f10000, #f10000);position: absolute;right: 1px;top: 1px;z-index: 50;}
div.back2Top a.service-message{background-image:url('/skins/sw2021/images/top/top_02.png');}
div.back2Top a.service-ewm{background-image:url('/skins/sw2021/images/top/top_ewm.png');}
div.back2Top a.btn-up{background-image:url('/skins/sw2021/images/top/top_03.png');}
div.back2Top a.btn-up:hover{margin-top: 10px;background-image:url('/skins/sw2021/images/top/top_04.png');}
div.back2Top.showTop{display: block;}
@media (max-width: 768px){div.back2Top{display: none;}}
.ewm-box{position: fixed; top: 0; width: 100%;height: 100%; background: rgba(0,0,0,0.8);display: none;z-index:9999;}
.ewm-box1{width:200px;height:200px;position:fixed;left:50%;top:25%;margin-left:-100px;border: 1px solid #ccc;}
.ewm-box-text1{width:200px;position:fixed;left:50%;top:25%;margin-top:202px;margin-left:-100px;text-align:center;color:#fff;height: 24px;line-height: 24px;font-size: 14px;}
.ewm-box-text2{width:30px;height:30px;position:fixed;left:50%;top:25%;margin-left:100px;text-align:center;background: #999;font-size:20px;padding-top:0px;}
.ewm-box-text2 a{color: #fff; display: block; line-height: 30px}

.modal-window{position: fixed; background-color: rgba(255, 255, 255, 0.25); top: 0; right: 0; bottom: 0; left: 0; z-index: 999; visibility: hidden; opacity: 0; pointer-events: none; transition: all 0.3s;}
.modal-window:target{visibility: visible; opacity: 1; pointer-events: auto;}
.modal-window > div{width: 500px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 2em; background: #fed5ba;}
.modal-window header{font-weight: bold;}
.modal-window h1{font-size: 150%; margin: 0 0 15px;}
.modal-close{color: #aaa; line-height: 50px; font-size: 80%; position: absolute; right: 0; text-align: center; top: 10px; width: 70px; text-decoration: none;}
.modal-close:hover{color: black;}
.containerzz{display: grid; justify-content: center; align-items: center; height: 100px;z-index:10;}
.modal-window div:not(:last-of-type){margin-bottom: 15px;}
small{color: #aaa;}

.btn{background-color:#f47427;color: #fff; font-size: 16px !important; padding: 18px 40px; border-radius: 3px; text-decoration: none;box-shadow: 0px 0px 28px rgb(0 0 0 / 23%);margin: 0 auto;letter-spacing:.8em;}
.btn:hover{background-color:#ff6600;color: #fff; padding: 18px 60px; border-radius: 3px; text-decoration: none;box-shadow: 0px 0px 28px rgb(0 0 0 / 43%);margin: 0 auto;letter-spacing:1em;}
.btn i{padding-right: 10px;}

.btn2{min-width:200px;background-color:#f47427;color: #fff; font-size: 16px !important; padding: 18px 40px; border-radius: 3px; text-decoration: none;box-shadow: 0px 0px 28px rgb(0 0 0 / 23%);margin: 0 auto;letter-spacing:.2em;}
.btn2:hover{background-color:#ff6600;color: #fff; padding: 18px 40px; border-radius: 3px; text-decoration: none;box-shadow: 0px 0px 28px rgb(0 0 0 / 43%);margin: 0 auto;letter-spacing:.2em;}
.btn2 i{padding-right: 10px;}

.elegant-aero{margin-left:auto;margin-right:auto;max-width: 500px;background: #fff;padding: 20px 20px 20px 20px;font: 12px Arial, Helvetica, sans-serif;color: #666;}
.elegant-aero h1{font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;padding: 10px 10px 10px 20px;display: block;background: #C0E1FF;border-bottom: 1px solid #B8DDFF;margin: -20px -20px 15px;}
.elegant-aero h1>span{display: block;font-size: 11px;}
.elegant-aero label>span{float: left;margin-top: 5px;color: #5E5E5E;}
.elegant-aero label{display: block;margin: 0px 0px 5px;}
.elegant-aero label>span{float: left;width: 30%;text-align: right;padding-right: 15px;margin-top: 10px;font-weight: bold;}
.elegant-aero input[type="text"], .elegant-aero input[type="email"], .elegant-aero textarea, .elegant-aero select{color: #333;width: 60%;padding: 0px 0px 0px 5px;border: 1px solid #fed5ba;background: #FBFBFB;outline: 0;-webkit-box-shadow:inset 0px 1px 6px #ECF3F5;box-shadow: inset 0px 1px 6px #ECF3F5;font: 200 14px/25px Arial, Helvetica, sans-serif;height: 30px;line-height:15px;margin: 2px 6px 16px 0px;}
.elegant-aero input::-webkit-input-placeholder, .elegant-aero textarea::-webkit-input-placeholder { color: #c8c8c8; }
.elegant-aero input::-moz-placeholder, .elegant-aero textarea::-webkit-input-placeholder { color: #c8c8c8;  opacity: 1;}
.elegant-aero input:-ms-input-placeholder, .elegant-aero textarea::-webkit-input-placeholder { color: #c8c8c8;}
.elegant-aero textarea{height:50px;padding: 5px 0px 0px 5px;width: 60%;}
.elegant-aero select{background: #fbfbfb url('down-arrow.png') no-repeat right;background: #fbfbfb url('down-arrow.png') no-repeat right;appearance:none;-webkit-appearance:none;-moz-appearance: none;text-indent: 0.01px;text-overflow: '';width: 60%;}
.elegant-aero .button{padding: 10px 30px 10px 30px;background: #ff6600;border: none;color: #FFF;box-shadow: 1px 1px 1px #b84c04;-webkit-box-shadow: 1px 1px 1px #b84c04;-moz-box-shadow: 1px 1px 1px #b84c04;text-shadow: 1px 1px 1px #ff6600;}
.elegant-aero .button:hover{background: #b84c04;}

@media (max-width: 768px){
.modal-window:target{visibility: visible; opacity: 1; pointer-events: auto;}
.modal-window > div{width: 95%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 1em; background: #fed5ba;}
.modal-window header{font-weight: bold;}
.modal-window h1{font-size: 150%; margin: 0 0 15px;}
.modal-close{color: #aaa; line-height: 50px; font-size: 80%; position: absolute; right: 0; text-align: center; top: 0px; width: 70px; text-decoration: none;}
.modal-close:hover{color: black;}
.containerzz{display: grid; justify-content: center; align-items: center; height: 100px;z-index:10;}
.modal-window div:not(:last-of-type){margin-bottom: 15px;}
small{color: #aaa;}

.btn{background-color:#f47427;color: #fff; font-size: 12px; padding: 10px 20px; border-radius: 3px; text-decoration: none;box-shadow: 0px 0px 28px rgb(0 0 0 / 23%);margin: 0 auto;letter-spacing:.8em;}
.btn:hover{background-color:#ff6600;color: #fff; padding: 10px 20px; border-radius: 3px; text-decoration: none;box-shadow: 0px 0px 28px rgb(0 0 0 / 43%);margin: 0 auto;letter-spacing:1em;}
.btn i{padding-right: 10px;}

.btn2{min-width:200px;background-color:#f47427;color: #fff; font-size: 12px; padding: 10px 20px; border-radius: 3px; text-decoration: none;box-shadow: 0px 0px 28px rgb(0 0 0 / 23%);margin: 0 auto;letter-spacing:.2em;}
.btn2:hover{background-color:#ff6600;color: #fff; padding: 10px 20px; border-radius: 3px; text-decoration: none;box-shadow: 0px 0px 28px rgb(0 0 0 / 43%);margin: 0 auto;letter-spacing:.2em;}
.btn2 i{padding-right: 10px;}

.elegant-aero{margin-left:auto;margin-right:auto;max-width: 500px;background: #fff;padding: 20px 10px 20px 10px;font: 12px Arial, Helvetica, sans-serif;color: #666;}
.elegant-aero h1{font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;padding: 10px 10px 10px 20px;display: block;background: #C0E1FF;border-bottom: 1px solid #B8DDFF;margin: -20px -20px 15px;}
.elegant-aero h1>span{display: block;font-size: 11px;}
.elegant-aero label>span{float: left;margin-top: 5px;color: #5E5E5E;}
.elegant-aero label{display: block;margin: 0px 0px 5px;}
.elegant-aero label>span{float: left;width: 30%;text-align: right;padding-right: 5px;margin-top: 10px;font-weight: bold;}
.elegant-aero input[type="text"], .elegant-aero input[type="email"], .elegant-aero textarea, .elegant-aero select{color: #333;width: 60%;padding: 0px 0px 0px 5px;border: 1px solid #fed5ba;background: #FBFBFB;outline: 0;-webkit-box-shadow:inset 0px 1px 6px #ECF3F5;box-shadow: inset 0px 1px 6px #ECF3F5;font: 200 14px/25px Arial, Helvetica, sans-serif;height: 30px;line-height:15px;margin: 2px 6px 16px 0px;}
.elegant-aero input::-webkit-input-placeholder, .elegant-aero textarea::-webkit-input-placeholder { color: #c8c8c8; }
.elegant-aero input::-moz-placeholder, .elegant-aero textarea::-webkit-input-placeholder { color: #c8c8c8;  opacity: 1;}
.elegant-aero input:-ms-input-placeholder, .elegant-aero textarea::-webkit-input-placeholder { color: #c8c8c8;}
.elegant-aero textarea{height:50px;padding: 5px 0px 0px 5px;width: 60%;}
.elegant-aero select{background: #fbfbfb url('down-arrow.png') no-repeat right;background: #fbfbfb url('down-arrow.png') no-repeat right;appearance:none;-webkit-appearance:none;-moz-appearance: none;text-indent: 0.01px;text-overflow: '';width: 60%;}
.elegant-aero .button{padding: 3px 30px 3px 30px;background: #ff6600;border: none;color: #FFF;box-shadow: 1px 1px 1px #b84c04;-webkit-box-shadow: 1px 1px 1px #b84c04;-moz-box-shadow: 1px 1px 1px #b84c04;text-shadow: 1px 1px 1px #ff6600;}
.elegant-aero .button:hover{background: #b84c04;}
}